How to Easily Connect Shopify with OnPage Pro?
In the rapidly changing world of e-commerce, having a strong online presence is crucial. Shopify is a robust platform that enables businesses to build and grow their digital presence.
However, achieving high performance and visibility on search engines requires attention to detail beyond the surface. It is where the combination of Shopify and On-Page Pro can be incredibly effective.
From efficient fixes to meticulous optimization, this collaboration empowers users to fine-tune their websites, ensuring visibility and a compelling digital experience for their audience.
Want to connect Shopify with On-Page Pro for an enhanced e-commerce journey? Here’s how -
STEP 1
Start with analyzing your domain with On-Page Pro
1. Navigate to On-Page Pro and enter your domain in the input box given on the page. Then, click on ‘Get Started’.
2. We will find the total pages in your domain and analyze the issues in them as per your current page limit.
On-Page Pro will start to analyze your pages. Once done, you will be navigated to the On-Page Pro dashboard.
Please note: You can view all the issues for the pages, but cannot review the changes or make them live on the site. To do so, you need to connect your domain with On-Page Pro.
STEP 2
Get the script from On-Page Pro
Navigate to On-Page Pro dashboard where your domain’s current issues are listed
For viewing more than 5 issues, or approving the changes, you will need to first verify your domain
For verifying, click on the Connect Domain button given in the red section (2nd section from top)
On clicking the above, you can see the script you need to add to your domain. Then, copy the script using the ‘Copy code’ button given.
Now paste the code in your head section of the page/template
STEP 3
Add the script in the <head> section of your page
Once done, follow the below-mentioned steps on your Shopify account.
Navigate to Online Store > Themes
Find your theme, select the Actions drop-down/3 dot ellipsis button
Select Edit Code from the drop-down
You will be navigated to the Theme Editor page
Find the theme.liquid file (under Layout). Click on the file
In your theme.liquid file, hit CMD + F (Mac) or CTRL + F (Windows) to open up a search bar
Enter </head> in the search
Be sure to include the / in </head>, without the / is <head> and this is the opening tag. If you put code above this, it won't work.
This will take you to the closing tag, or the end of the <head> section of your code. Generally, you want to put all your scripts, just above this closing tag.
Add the script by copy and pasting it on the line directly above the </head> tag.
If there's code directly above it, just add in extra lines between them with the ENTER or RETURN key.
Ensure you don't overwrite, or remove any other little bits of code. Removing a single < or > accidentally can actually cause the code (ie. your site) to no longer function.
Hit Save
You can also click on the 'Current' drop-down that appears at the top if you need to rollback to a previous version of this file, in case something goes awry. Just select the Original one if you want your default version.
Now you can verify the connection by going to the On-Page Pro dashboard and clicking on “Check Connection” button. A success message will be displayed if it gets verified and the recommendations generation process will start.
After the recommendation process gets completed, you will be navigated to the dashboard again where all your issues and their recommendations will be displayed.