Every form on your site serves as a bridge to reach potential clients. Neglected form submissions are the same as missed opportunities with prospective customers and the revenue they might have generated.
Research reveals the majority of your site’s visitors leave without fulfilling their intended tasks. My journey through content marketing has consistently demonstrated that there is a solution for each problem; the key is to take decisive action.
We’ll integrate FormStory with your Shopify platform. This strategy ensures you capture every lead, preventing lost opportunities caused by form issues, incomplete entries, and various technical errors.
Step N1: Log into your FormStory account and enter the URL containing the form you want to track.
If you don’t have an account, sign up using your Google account or create a new one by clicking “Create Account”.
Step N2: Select the part of the Form you want to monitor.
Step N3: Copy & paste the provided script into the <head> of your website’s source code.
There are two options to add the custom script to the source code for Shopify users.
This method is one of the simplest things you can do if you are a non-techy person.
Choose the right app, we suggest using XO Insert Code.
Step N1: Install as normal Shopify apps
From the Shopify app page, click “Get”.
Click “Install app”, this will install the Insert Code to Header and Footer App to your shop.
After the installation, the app panel will be embedded in your Shopify Apps page.
Step N2: Navigate to theme customize
Then click App embeds, and enable XO Insert code Header & XO Insert code Body. In our case, we will only need the “XO Insert code Header”
Step N3: Add the script from App Embeds
https://docs.xotiny.com/xo-insert-code/install
Viola! You are now ready to track all your Shopify Forms!
Implementing scripts or codes, like those provided by FormStory, into <head> section of your Shopify site might sound hard, but it’s quite manageable once you break down the steps. Here’s a simplified guide to get you started.
Step 1: Backup Your Current Theme
Create a backup of your theme to be extra careful.
This way, you safeguard your site against potential mishaps.
This process ensures you have a safe copy to revert to if needed.
Step 2: Accessing Code Editor
This opens up the code editor where you can tweak your Shopify store’s code.
Step 3: Inserting FormStory Script
Now, for adding the FormStory script:
Step 4: Previewing Changes
Preview before you make any changes live:
Step 5: Going Live
Satisfied with the preview? It’s time to publish:
Select Actions > Publish on your DEV theme to make it active.
Follow the naming convention to update your theme names, ensuring everything is correctly labeled as LIVE, BACKUP, and DEV for future adjustments
These steps helped you to integrate the FormStory script into your Shopify store without risking its stability. Happy tracking!
