How to Add Flatsome Payment Icons to Absolute Footer

Payment icons are usually displayed on different sections of an online store so that customers can instantly understand which payment methods your store accepts. In the Flatsome WooCommerce theme, you can add a payment icon in the absolute footer.

There are many payment gateway icons available in the Flatsome payment icons library. So, whatever payment gateway you use, you can easily add the payment gateway icon. The filter lets you add custom SVG icons in the payment icons.

Flatsome not only offers the option to insert payment gateway icons but also offers tremendous options to boost your online store conversion. You can add your desired Flatsome payment icons or replace the payment gateway with the desired image.

Even you can remove payment gateway icons from the footer completely. Besides adding payment gateway icons in the absolute footer, you can add the same Flatsome icons set in the cart page sidebar.

How to Add Flatsome Gateway Payment Icons to Footer Step-By-Step

This tutorial will cover how you can quickly add a set of Flatsome payment icons to the absolute footer in a Flatsome-powered website. By the end of this tutorial, you can set your desired payment icons to the footer by yourself.

Step 1:

Hover over the ‘Flatsome’ option in the top admin bar. Then click on ‘Theme Options.’

Flatsome payment icons

Step 2:

Inside the ‘Theme Options’, Click on ‘WooCommerce’

free woocommerce theme wordpress

Step 3:

You will find several options for WooCommerce here. Click on the ‘Payment Icons’ option to add payment icons to the Flatsome absolute footerFlatsome payment icons

Step 4:

Here you will see all the Flatsome payment icons. You can see some payment gateway names are dimmed, like WooCommerce Amazon payments and American Express. The dimmed says the payment gateway icon is disabled. And those Flatsome payment icons are visible. It means those are showing in the website footer.

Now, decide which payment gateway icons you need. Based on your requirement, enable or disable the payment icon by pressing the eye icon.

free wp theme woocommerce best theme

You can reorder the payment icon element according to your requirement. You can see the hamburger icon. By dragging the icon, you can reorder the Flatsome payment icons based on your need.

Step 5:

Instead of using the payment icons, you can also use your custom image. You can upload a custom payment icon image from the ‘Custom Icons (Replace)’ option, which will replace the default free payment icons.

Flatsome payment icons

We’ve added a custom icon image in the icon area. You can design your own Flatsome payment icons and upload them in the absolute footer.

After adding the payment icon image, check my footer payment gateway icons are replaced by the payment icon image.

Step 6:

In the Placement section, check the box ‘Absolute Footer’ to display payment icons. You can also check the box ‘Cart Sidebar, ’ which will display the payment icons on the cart sidebar as well.

woo commerce themes free

Step 7:

Now click on ‘Publish’ to save the customization

Flatsome payment icons

Step 8:

Check on the absolute footer, and you will see we have successfully added the payment icons to the footer

free woocommerce theme

If you check the Cart Sidebar option, you’ll find the design styles under the cart


The payment icon is a crucial part of an online store. It helps customers understand which payment method they can use for your online store powered by Flatsome. Having payment icons on your website indicates that it is an online store.

That is why it is important to know how you can add them to your footer.  We have tried to show you the process of adding payment icons step-by-step. Hopefully, this tutorial will be helpful for you. Stay tuned with WPCred for more awesome Flatsome tutorials.



Subscribe To Our Newsletter!
Hi, I’m Mohamed. I share delicious recipes that I have cooked and loved. I’ve been food blogging for over 10 years and have a Diploma in Nutrition. You will find many healthy recipes as well as my favourite comfort food on the blog because I believe in a balanced diet.

Related Posts

Fintech’s biggest hits and misses of 2023

As 2023 comes to a close, we’re here to look back at the biggest fintech stories of the year. Silicon Valley Bank’s implosion felt like a fintech…

It’s critical to regulate AI within the multi-trillion-dollar API economy

Alex Akimov Contributor With two decades of tech leadership experience, Alex Akimov, former head of API at Adyen, now revolutionizes embedded finance at Monite by building best-in-class…

EU’s provisional deal on gig worker rights fails to get enough backing from Member States

Not so fast on that Christmas present for precarious gig workers in the EU: A political deal announced mid month, which aims to bolster platform workers rights…

Arduino exploring India manufacturing to limit counterfeit sales

Arduino is considering manufacturing in India. The startup, best known for its open source microcontroller boards, hopes to restrict the rise of counterfeit boards and cater to…

Top robotics names discuss humanoids, generative AI and more

Last month, I took an extended break. In a bid to keep my robotics newsletter Actuator (subscribe here) up and running, however, I reached out to some…

Pornhub owner pays US government $1.8M to resolve sex trafficking probe

Pornhub’s parent company Aylo Holdings will pay $1.8 million to the U.S. government to resolve a charge of profiting off of sex trafficking. The company, formerly known…