Embed your online store in your Local Line website

Make your products available for purchase on your website! Embed your store in your website or link it with a 'Order Products Online' button.

The instructions in this article are for embedding your Local Line store into your Local Line website that was built using our free website builder tool.

For instructions on how to embed your Local Line store into a website that is hosted elsewhere, see Embed your online store in your website.

Embed Product Tiles or a Redirect Button

Screen Shot 2021-03-31 at 10-38-57 AM-png                       

  1. In your Local Line account, go to the My Store tab. 
  2. Click Embed.
  3. Copy the embed code.
    1. To embed your products as tiles, toggle the Store Code setting ON and then click Copy Store Code.
       
      1. If you want to apply custom button that you can edit the style to follow this video:
      2. To embed a button titled Order Products Online that redirects to your Local Line storefront, scroll to the bottom of the page and click Copy Code

Embed Full Store

If you want to embed your full store, click the Store tab.

  1. Click Share Store.
  2. Click Copy Link.
    1. If you prefer this option, you must insert the code into this format below. Note: Please replace the bolded link with your unique Local Line store URL:
      • <iframe src="https://www.localline.ca/local-farm" width="100%" height="2000px"></iframe>
      • 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.

Add your embedded option to your website

  1. Login to your Local Line website at https://accounts.locallinesites.com.
  2. Click the Edit icon for your site. 
  3. Click Dashboard.
  4. Click Pages.
  5. Click the   Go icon to load the page you want to embed your store in.
  6. Click Elements.
  7. In the Misc section, click Custom HTML and drag the element to the spot on the page you want your store to be displayed.
  8. Paste the code you copied in step 2 into the box.
  9. Click Embed code.