Payment Icons Module

This module adds some small payment icons that you can choose from a list of various services - like Google Wallet, Paypal, Visa, MasterCard, among many others. It is possible to find the Payment Icons Module in the Basic Modules menu, add it to your website by dragging it from the top bar to a row or column of your preference.


Edit the Payment Icons Module

To open the editing menu, double-click on top of the Payment Icons you wish to modify or hover the mouse on top of it to find the blue Module menu and click on the Edit option.


1. Content

1.1. Using Payment Methods from Global Data

Instead of manually adding Payment Methods to the module, you can use the methods you have defined in Global Data. To activate this option, simply toggle on in the right side. When you use the Payment Methods from Global Data you only need to input the links once and the information will be automatically filled in all the relevant fields. Learn more about Global Data here!


1.2. Manually adding Payment Icons

Under the content tab you can choose which ones of the payment services your website supports and therefore wish icons do you want to display. Click on it to select it and click on it again to unselect it. If you are uncertain as to what service does the icon represent, hover your mouse on top of it without clicking until a textbox with the name of the service appears.


2. Styling

2.1. Placement

Choose the placement of your Payment Icons module - to the left, centered or to the right.


2.2. Background

With this option you can choose a solid color as the background for the module.


2.3. Border

Here you can define the border color, width, style and radius of the module.


2.4. Spacing

When styling the spacing you can define the margin - which adjusts the space outside of an element; and padding - which adjusts the space inside of an element.


3. Payment Icons Global Styling

Instead of individually styling each Payment Icons module it is possible to do it automatically with Global Styling. Under the Global Styling tab, there is a Module Design option on the left menu. Click on it to expand the options and you should find the Payment Icons menu. Read all about the Payment Icons Global Styling here!


Anything we’ve not covered?

Contact Us