About COMCODE – Fast Conversion Bar![Copy Click to copy](https://help-cdn.pagefly.io/wp-content/themes/manual/images/icons/link.svg)
What Is COMCODE – Fast Conversion Bar?![Copy Click to copy](https://help-cdn.pagefly.io/wp-content/themes/manual/images/icons/link.svg)
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.
Install COMCODE – Fast Conversion Bar![Copy Click to copy](https://help-cdn.pagefly.io/wp-content/themes/manual/images/icons/link.svg)
To use this element, the Fast Conversion Bar app has to be installed on your Shopify store.
- Install Fast Conversion Bar
- Install PageFly
How To Access COMCODE – Fast Conversion Bar Element![Copy Click to copy](https://help-cdn.pagefly.io/wp-content/themes/manual/images/icons/link.svg)
In page editor, follow these steps to access the Fast Conversion Bar element:![Copy Click to copy](https://help-cdn.pagefly.io/wp-content/themes/manual/images/icons/link.svg)
- 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 Configure COMCODE – Fast Conversion Bar Element![Copy Click to copy](https://help-cdn.pagefly.io/wp-content/themes/manual/images/icons/link.svg)
- 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 PageFly![Copy Click to copy](https://help-cdn.pagefly.io/wp-content/themes/manual/images/icons/link.svg)
Step 1: Add Fast Conversion Bar Element![Copy Click to copy](https://help-cdn.pagefly.io/wp-content/themes/manual/images/icons/link.svg)
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.
The COMCODE – Fast Conversion Bar element comes with 1 variant: Conversion Bar
Step 2: Configure COMCODE – Fast Conversion Bar Element![Copy Click to copy](https://help-cdn.pagefly.io/wp-content/themes/manual/images/icons/link.svg)
General Tab![Copy Click to copy](https://help-cdn.pagefly.io/wp-content/themes/manual/images/icons/link.svg)
After adding the Fast Conversion Bar by COMCODE to the Editor, on the right sidebar, you’ll see the General tab.
In the Short code box, you can paste the code you got from the COMCODE – Fast Conversion Bar app.
Styling Tab![Copy Click to copy](https://help-cdn.pagefly.io/wp-content/themes/manual/images/icons/link.svg)
You can customize the styling of the Fast Conversion Bar elements in the Styling tab.
You can get further information about Styling settings.
From Fast Conversion Bar App![Copy Click to copy](https://help-cdn.pagefly.io/wp-content/themes/manual/images/icons/link.svg)
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 Bar![Copy Click to copy](https://help-cdn.pagefly.io/wp-content/themes/manual/images/icons/link.svg)
Click on the Enable button. By default, the button’s status is set to Enable.
Step 2: Change The Position Option To Custom And Copy The HTML Code![Copy Click to copy](https://help-cdn.pagefly.io/wp-content/themes/manual/images/icons/link.svg)
Scan the screen for the Position card, and switch the default option to Custom. Afterward, proceed to copy the HTML code provided.
Step 3: Configure The Themes And The Styling For The Bar![Copy Click to copy](https://help-cdn.pagefly.io/wp-content/themes/manual/images/icons/link.svg)
Click on Themes tab > Select the desired theme for the bar.
Click on Style tab > Customize the bar with some simple provided CSS properties.
Step 4: Save The Configuration![Copy Click to copy](https://help-cdn.pagefly.io/wp-content/themes/manual/images/icons/link.svg)
To complete the setup, click on the Save button located at the upper right corner of the screen to save the configuration settings.
Step 5: Publish PageFly Page![Copy Click to copy](https://help-cdn.pagefly.io/wp-content/themes/manual/images/icons/link.svg)
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.
Frequently Asked Questions![Copy Click to copy](https://help-cdn.pagefly.io/wp-content/themes/manual/images/icons/link.svg)
Is The Fast Conversion Bar App Free?![Copy Click to copy](https://help-cdn.pagefly.io/wp-content/themes/manual/images/icons/link.svg)
Yes, it is free for all users.
Does The Fast Conversion Bar Allow To Customize With The CSS Code?![Copy Click to copy](https://help-cdn.pagefly.io/wp-content/themes/manual/images/icons/link.svg)
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 Resources![Copy Click to copy](https://help-cdn.pagefly.io/wp-content/themes/manual/images/icons/link.svg)
- PageFly Styling tab
- What apps does PageFly integrate with?