Shopify Integration Guide
Follow the steps below to integrate your Shopify website or storefront with the ProLon Professional Longevity Storefront program.
Shopify Quick Implementation Guide
Before you begin, download the provided embed code that you received via email and log into your Shopify website. Note: In order to create a page on your website, you must have permissions to do so. L-Nutra is unable to provide permissions or login information for your website
Step 1: Prepare To Create a New page
Once logged into your Shopify website, navigate to the "Online Store" section (in the left menu) under "Sales Channels" and select the "Pages" sub-menu item.
Step 2: Create a New Page
From the new page that appears, select the green "Add Page" button in the top right corner, just below your name.
This selection will prompt a blank page template to load.
Step 3: Name Your Page
On the new screen that loads, enter a page title in the field provided. This title will display on to users who visit this page, unless you have customized your theme settings previously.
Tip: Use "Online Store", "Product Marketplace" or "ProLon Products" so that your users will clearly know where to navigate to when visiting your website.
Step 4: Add the provided embed code
From the email you received with the embed code, open the file with a text editor or word processing program. Copy the entirety of the provided code to your clipboard.
Navigate back to your new page and select the <> button shown above the text editor.
Paste the entirety of this code to the "Content" section of your new page.
Tip for Windows Users: CTRL+A to select all. CTRL+C to copy all to your clipboard. CTRL+V to paste all from your clipboard to the content page.
Tip for Mac Users: CMD+A to select all. CMD+C to copy all to your clipboard. CMD+V to paste all from your clipboard to the content page.
Step 5: Save your work
Once you have created your new page, added a page title and pasted the provided embed code to the page, be sure to select the "Save" button in the top right corner of the page.
In most cases your page will be "visible" immediately, but not accessible to your customers or users navigating your website. Continue to step 6 to add your new page to your site's navigation/ menu.
Select the "View Page" button along the top of the page to view. If something looks off or is not displaying at all, re-check that you have copied the entirety of the provided file from step 4 above.
Great, you are almost done!
Now that your new page has been created, you will need to add the page to a menu or navigation bar so your customers and patients can find the page when viewing your website. We recommend placing shop, store, or marketplace pages at the end or beginning of a menu as that is where users are more likely to look, but placement is entirely up to you. (See Step 9)
Step 6: Add your Page to the Navigation
Select the "Navigation" menu item beneath the "Online Store". (Shown in the left menu, under "Sales Channels").
Step 7: Select a menu to add your page
Selecting the "Navigation" button in step 6 will prompt a new page to load that contains all the menus for your site. Select the menu title where you would like to add your new page.
Once a menu title is selected, a new page will load that contains your site's navigation where you will add you new page.
Note: Some websites will have multiple menus to support different placements on the website (IE: header/ main navigation; footer; sub menus; etc.). Be sure to select the menu title for the placement you would like on the front end of your site.
Note: The first item listed will not always be your primary menu. Please consult with the person or company who manages or built your site for clarification if you are unsure.
Step 8: Add your page to the menu
From the menu page that loads, select the option for "Add menu item". Within the pop-up modal that appears:
1. Add the page title you would like displayed on your menu in the "Name" field provided.
2. Enter the page title from the page you created in the "Link" field. This will prompt a display of your site's pages that match the title. Select the correct page from the list provided.
Save your selections by selecting the green "Add" button in the bottom right corner.
Step 9: Adjust the placement of your new menu item
If you would like to change the placement or order of your menu items, select the "dotted icon" shown along the left side of the menu elements and drag the selection up or down to your desired location.
Tip: We recommend placing shop, store, or marketplace pages at the end or beginning of a menu as that is where users are more likely to look, but placement is entirely up to you.
That's It, You're all set!
You have completed the steps necessary to integrate the ProLon Professional Longevity Storefront on your website.
Please check your work and make sure that the embedded code and navigation menu is displaying correctly on your website.
Video Implementation Guide
Already Completed The Integration?
If you have already completed the integration of the ProLon Professional's Longevity Storefront Program on your website, please fill out the form below to request a review of your integration.
With the information provided, the L-Nutra team will check your code implementation, run a test transaction and confirm that the integration is working correctly.