Embed your online store in your website

Make your products available for purchase on your website. Embed your store in your website or link it with a 'Shop Now' button.

The instructions in this article are for embedding your Local Line store into a website that is hosted by an online platform, like Wordpress. 

For instructions on how to embed your Local Line store into your Local Line website that was built using your free website builder tool, see Embed your online store in your Local Line website.

  1. In your Local Line account, click the My Store tab. 
  2. Copy the embed code.
    1. If you want to embed your store as a “Shop Now” button, click Embed and then Copy store code
      1. If you want to apply custom styling to the button, you can configure that in the Design settings just below. Click Update store when you have finished configuring the custom styling, and then click Copy store code
    2. If you want to embed your full store, click Share Store and then Copy Link.
      1. If you prefer this option, you must insert the code into this format:
        • <iframe src="https://www.localline.ca/local-farm" width="100%" height="2000px"></iframe>
      2. The height and width settings in this code template auto-adjust to the fit to size, by default. You can manually adjust the size by editing the height and width directly in the code snippet.

This article includes instructions for the most common application, Wordpress. Click the links below for online instructions for the other website hosts. 

Note: As a best practice, Local Line recommends that you backup your website before you make any changes to it. Most website hosts have a marketplace where you can find and install a free plugin that allows you to do this.

Wordpress

Prerequisites: 

  • You must have administrator permissions.
  • You must have a “Wordpress.com Business” plan.
    • Click the user menu in the top right.
    • Click “Manage Purchases”.
  • Install the Classic Editor plugin if it is not already installed.
    • From the admin panel, click "Plugins".
    • Click "Add New".
    • Search for “Classic Editor”.
    • Click "Install". 
  1. Login to your website’s admin panel. 
  2. Click "Pages" and then click "Edit" on the page that you want the store to be embedded on. 
  3. Load the code editor by clicking the icon and then clicking on"Code editor".
  4. Paste the store code you copied earlier in the spot you want it to be displayed. For example, if you want it to be displayed at the bottom of a page, paste the store code at the bottom of the page underneath all other lines of code.

Click Update to publish the changes.

    24px-2 Click here to proceed to your next step, to learn about adding a 'Shop Now' button to your Facebook page.