Add Payment Icons Under the Add to Cart Button

Why Add Payment Icons Below the Add to Cart Button?

• Build Trust: Customers feel more secure knowing their preferred payment methods are accepted.
• Boost Conversions: A smooth, transparent checkout process encourages buyers to complete their purchases.
• Improve User Experience: Placing icons near the Add to Cart button ensures customers are informed at a glance.

How to Add Payment Icons Under the Add to Cart Button?

Follow these simple steps to add payment icons to your GemPages layout:

Step 1: Drag and drop a Row Element directly below the Add to Cart button on your GemPages page.

Choose the number of columns in the row based on the number of payment icons you plan to display (e.g., 3 columns for 3 icons).

Step 2: Choose how to add payment icons

You have two options to add payment icons:

Option 1: Use Image Elements

• Drag and drop Image Elements into each column of the row.

• Upload your preferred payment icon (e.g., Visa, Mastercard, PayPal) or insert the link to the image file into the image element.

• Customize the appearance and layout of the images using the settings panel.

For detailed instructions on image settings, refer to this article.

• Repeat the process for all other icons, or use the Copy & Paste function to duplicate the image element and replace the images for each column.

Option 2: Use Icon Elements

• Drag and drop Icon Elements into each column of the row.

• Choose from the pre-installed icons or upload your payment icons in SVG format.

• Adjust the size, alignment, and style of the icons to match your design.

For detailed instructions on icon settings, refer to this article.

• Repeat the process for the remaining columns in the row.