How to Use SEOAnt – Trust Badges by Giraffly with PageFly

About SEOAnt – Free Trust Badges ElementClick to copy

What Is SEOAnt- Free Trust BadgesClick to copy

The SEOAnt – Free Trust Badges element aims to show payment and trust badges for your products to persuade visitors of the product’s quality and, as thus, increase your conversion rate. This element can be used to display trust seals in all page types and multiple elements on one page.

Install SEOAnt- Free Trust BadgesClick to copy

To use this element, you have to install the SEOAnt ‑ Trust Badges & Icon app on your Shopify store.

How To Access the SEOAnt – Free Trust BadgesClick to copy

From PageFly DashboardClick to copy

In the PageFly dashboard, follow these steps to access the SEOAnt – Free Trust Badges element:

Step 1: In the PageFly dashboard, click Extra functions on the left menu. 

Step 2: Click the Manage button on the right of the Integration.

Step 3: Search for Trust Me – Free Trust Badges and hit Activate. Now the element will appear in the Third-party Elements menu.

access the SEOAnt – Free Trust Badges element

From PageFly EditorClick to copy

In page editor, follow these steps to access SEOAnt – Free Trust Badges element:

  • Step 1: In the PageFly editor, click Third-party elements on the left menu.
  • Step 2: Click on the icon on top right of the Third-party elements tab.
  • Step 3: Search for Trust Me – Free Trust Badges and activate it.
  • Step 4: Click Done and the element will appear in the Third-party elements menu.

access SEOAnt – Free Trust Badges element

How To Configure SEOAnt- Free Trust BadgesClick to copy

From PageFlyClick to copy

Step 1: Add SEOAnt – Free Trust Badges ElementClick to copy

Before starting to set up for the SEOAnt – Free Trust Badges element, you will need to add this element onto your page canvas:

  • Step 1: Click “Third party elements on the left menu bar
  • Step 2: Look for Trust Me – Free Trust Badges element
  • Step 3: Click on the element to see its variant
  • Step 4: Drag and drop the variant onto the page canvas

add SEOAnt - Free Trust Badges element

SEOAnt – Free Trust Badge element comes in 1 variation: Trust Badges.

Drag and drop it to your layout to set it up.

Step 2: Configure SEOAnt – Free Trust BadgesClick to copy

Select the element you’ve added to your page and navigate to the General and Styling tabs to configure it.

  • For the General tab, you need to enter the ID provided by SEOAnt – Free Trust Badges app into the Badge ID field.

Refer to this General settings guide for more information about other settings in this tab, such as Visibility, Attributes and Animation.

  • In the Styling tab, you can style the element by editing the Content color, Spacing, or Typography to match your store’s design.

For detailed instructions, refer to the Styling Settings Guide.

From SEOAnt – Free Trust Badges ElementClick to copy

  • Step 1: Activate “SEOAnt- Free Trust Badges”Click to copy

Go to your Shopify admin, then navigate to Online Store > Theme > Current theme > Customize > App embeds. Search for “SEOAnt – Trust Badges” and activate it.

activate “SEOAnt- Free Trust Badges”

Step 2: Create New BadgesClick to copy

  1. From the SEOAnt – Trust Badges dashboard, select Badges in the left menu.
  2. Click the button Create new badge > select your desired badge types (you can choose more than one) and click Create badges.

create new badges

  1. Configure badge block:

In the Badge block tab, you can adjust:

Badge name: Enter the name for the badge.  

enter badge name

Heading: Add a heading.  

add a heading

Add/Remove badges: Select from SEOAnt’s library or upload your own badges. add/remove badges
Badges style: Customize the style of the badges.  

  • Text color: Choose the color for the text.
  • Header size and badges size: Adjust the size.
  • Adjust the header and badges size on mobile: Check this option for mobile optimization.
 

You can also add a new badge using the button Add a new badge block in this tab.

  1. Configure badge style

Switch to the Style tab, configure these options:

  • Font: Select the font style.
  • Alignment: Set the alignment.
  • Border: Adjust border width and radius.
  • Color: Set the border and background color.
  • Animation: Add animation if desired.

Configure badge style

  1. Hit Save to save your badge.

Step 3: Copy The ID From SEOAnt – Free Trust Badges AppClick to copy

You can find and copy the ID in:

  • Position Tab: Below the Custom position code (only display after you save the badge).
  • Badges Dashboard: Under each badge’s name.

In the PageFly editor, select the SEOAnt element and navigate to the General tab. Paste the copied ID into the Badge ID box.

Now the badge you configured in SEOAnt – Trust Badges app can be visible in your custom PageFly’s page.

Common CasesClick to copy

Trust Badges Not Displaying on PageFly PagesClick to copy

Ensure the SEOAnt – Free Trust Badges element is correctly added to your PageFly page. Double-check that the Badge ID from SEOAnt is accurately pasted into the Badge ID field in the PageFly General tab. Additionally, make sure the SEOAnt app embed is activated in your Shopify theme settings.

Customization Changes Not ReflectingClick to copy

After making changes in the SEOAnt dashboard, save all settings and publish the badges. Then, go back to your PageFly editor and refresh the page. Re-publish the PageFly page to ensure all updates are pulled through. Clear your browser cache if necessary to see the latest changes.

Frequently Asked QuestionsClick to copy

1. Can I use multiple SEOAnt badge IDs on one SEOAnt – Free Trust Badges element?

No, each SEOAnt element in PageFly can only be linked to one Badge ID at a time. To display multiple badges, you need to add multiple SEOAnt elements, each with its own Badge ID.

2. Are SEOAnt trust badges responsive on mobile devices?

Yes, you can adjust the size of headers and badges for mobile devices in the SEOAnt configuration settings to ensure they are responsive.

Additional ResourcesClick to copy

Thank you for your feedback!

Could not find the answer
to your question?

Chat with us
Unlock Success Secrets of Glossier & Dr Dennis Gross with Social Commerce 👉🏼Download Free Guide