How to use Fast Conversion Bar by COMCODE with PageFly

About COMCODE – Fast Conversion BarClick to copy

What Is COMCODE – Fast Conversion Bar?Click to copy

Fast Conversion Bar is a fully customizable promotional top bar that displays the satisfaction of your existing customers as a form of social proof. This powerful tool effortlessly instills confidence in potential buyers, boosting their willingness to purchase. Easy to tailor to match your store’s unique design, Fast Conversion Bar is a simple yet effective way to leverage the power of satisfied customers. Show your visitors they can trust in your brand.

How to use Fast Conversion Bar by COMCODE with PageFly

Install COMCODE – Fast Conversion BarClick to copy

To use this element, the Fast Conversion Bar app has to be installed on your Shopify store.

How To Access COMCODE – Fast Conversion Bar ElementClick to copy

In page editor, follow these steps to access the Fast Conversion Bar element:Click to copy

  • Step 1: In the PageFly editor, click “Add third-party element” on the left menu
  • Step 2: Click “Manage integrations” or the gear icon on top
  • Step 3: Search for  “Fast Conversion Bar” and enable it
  • Step 4: Click “Close” and the element will appear in the “Add third-party element” menu

How to use Fast Conversion Bar by COMCODE with PageFly

How To Configure COMCODE – Fast Conversion Bar ElementClick to copy

 

Important note:
  • One element can be used once on a page
  • The element can be used on all page types
  • The element can be used anywhere on the page.
  • All styling and configuration must be done in the Fast Conversion Bar app.

From PageFlyClick to copy

Step 1: Add Fast Conversion Bar ElementClick to copy

Before starting to set up for the Fast Conversion Bar element, you will need to add this element onto your page canvas:

  • Step 1: Click “Add third party element” on the left menu bar
  • Step 2: Look for “Fast Conversion Bar” element
  • Step 3: Click on the element to see its variant
  • Step 4: Drag and drop the variant onto the page canvas
  • Step 5: Save the draft.

How to use Fast Conversion Bar by COMCODE with PageFly

The COMCODE – Fast Conversion Bar element comes with 1 variant: Conversion Bar

How to use Fast Conversion Bar by COMCODE with PageFly

Step 2: Configure COMCODE – Fast Conversion Bar ElementClick to copy

General TabClick to copy

After adding the Fast Conversion Bar by COMCODE to the Editor, on the right sidebar, you’ll see the General tab.

How to use Fast Conversion Bar by COMCODE with PageFly

In the Short code box, you can paste the code you got from the COMCODE – Fast Conversion Bar app.

Styling TabClick to copy

You can customize the styling of the Fast Conversion Bar elements in the Styling tab.

How to use Fast Conversion Bar by COMCODE with PageFly

You can get further information about Styling settings.

From Fast Conversion Bar AppClick to copy

Before using the Fast Conversion Bar element in PageFly, you’ll need to enable and configure your bar in the Fast Conversion Bar app:

Step 1: Enable The Fast Conversion BarClick to copy

Click on the Enable button. By default, the button’s status is set to Enable.

How to use Fast Conversion Bar by COMCODE with PageFly

Step 2: Change The Position Option To Custom And Copy The HTML CodeClick to copy

Scan the screen for the Position card, and switch the default option to Custom. Afterward, proceed to copy the HTML code provided.

How to use Fast Conversion Bar by COMCODE with PageFly

Step 3: Configure The Themes And The Styling For The BarClick to copy

Click on Themes tab > Select the desired theme for the bar.

Click on Style tab > Customize the bar with some simple provided CSS properties.

How to use Fast Conversion Bar by COMCODE with PageFly

Step 4: Save The ConfigurationClick to copy

To complete the setup, click on the Save button located at the upper right corner of the screen to save the configuration settings.

How to use Fast Conversion Bar by COMCODE with PageFly

Step 5: Publish PageFly PageClick to copy

Back to PageFly page editor, click on the Fast Conversion Bar element in the canvas > Paste the copied code to the General tab > Short Code > Click Publish.

How to use Fast Conversion Bar by COMCODE with PageFly

Frequently Asked QuestionsClick to copy

Is The Fast Conversion Bar App Free?Click to copy

Yes, it is free for all users.

Does The Fast Conversion Bar Allow To Customize With The CSS Code?Click to copy

Certainly, you have the flexibility to customize the bar using your own CSS code. Simply access the Custom CSS box located at the bottom of the General tab to apply your desired styling modifications.

Additional ResourcesClick to copy

  • PageFly Styling tab
  • What apps does PageFly integrate with?

Thank you for your feedback!

Could not find the answer
to your question?

Chat with us