About COMCODE – Fast Conversion Bar
What Is COMCODE – Fast Conversion Bar?
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
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
In page editor, follow these steps to access the Fast Conversion Bar element:
- Step 1: In the PageFly editor, click “Third-party element” on the left menu
- Step 2: Click Polaris icon on top
- Step 3: Search for “Fast Conversion Bar” and enable it
- Step 4: Click “Done” and the element will appear in the “Third-party element” menu
How To Configure COMCODE – Fast Conversion Bar Element
- 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
Step 1: Add Fast Conversion Bar Element
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 “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
General Tab
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
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
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
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
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
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
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
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.
Tips And Best Practices
We strongly recommend using the Shopify App Block Element for Fast Conversion Bar app integration. Available for Shopify theme OS 2.0, this feature simplifies adding Fast Conversion Bar functionality to your PageFly pages or sections. It offers greater flexibility, easier updates, and an improved user experience. While limited to one per page, the App Block is a valuable tool to enhance your store’s capabilities. For detailed setup guidance, refer to our App Block article. This simple change can substantially improve your Fast Conversion Bar app integration and overall store performance.
Frequently Asked Questions
1. Is The Fast Conversion Bar App Free?
Yes, it is free for all users.
2. Does The Fast Conversion Bar Allow To Customize With The CSS Code?
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.
Previous article
