Skip to main content

Search

Hi, how can we help?

 

    Embed Your Linkin.bio Gallery on Your Website

    Jenny Cowan
    • Updated

    Set up your Linkin.bio Gallery to embed your Linkin.bio feed on your website. Direct your website visitors to product pages, Shopify products, or other pages on your website through your Linkin.bio Gallery.

    Important:

    • Linkin.bio Gallery is only available on Later’s Growth and Advanced plans
    • Linkin.bio Gallery can only be set up through Later on the web
    • Your Linkin.bio Gallery can only be embedded on websites you allow 
    • Your Linkin.bio Gallery posts link to the same URLs you added to your Linkin.bio posts
    • You can track your Linkin.bio Gallery clicks from your Linkin.bio management page and Analytics

    How Linkin.bio Gallery Works

    Linkin.bio Gallery is a gallery of your latest Linkin.bio posts. Just like your Linkin.bio page, each post in your Linkin.bio Gallery links to the URL you added to that post.

    • You can embed your Linkin.bio Gallery on your own website or any other website you allow. 
    • You can customize the layout and header of your Linkin.bio Gallery.
    • If you turn on the Instagram profile header, your Instagram username and profile picture will show up at the top of your Linkin.bio Gallery. 
    • If your Linkin.bio post links to a single URL, your Linkin.bio Gallery post will open up directly to that URL.
    • If you’ve added 1 or more links to your Linkin.bio post through More Link Options > Link to External Websites, your Linkin.bio Gallery post will open up to the post on your Linkin.bio page.

    6-LinkinbioGallery-ProductStills_EmebedWebsite.png

    mceclip0.png

    Step 1: Set Up Your Linkin.bio Gallery

    1. In Later on the web, go to Linkin.bio
    2. Select Embed Linkin.bio Gallery on the right 
    3. Click Set Up Linkin.bio Gallery
    4. Select the grid or row layout for your Linkin.bio Gallery
    5. Optional: Enable the custom header or Instagram profile header 
    6. If you’ve enabled the custom header, enter your header title and select your text color
    7. Click Save Changes

    Note: If you haven’t set up your Linkin.bio page, you’ll need to do that first before setting up your Linkin.bio Gallery. 

    Linkin.bio_Gallery_GIF_1.gif

    Step 2: Get Your Linkin.bio Gallery Embed Code

    1. Enter the website link where you’ll embed your Linkin.bio Gallery. We need the exact link, so it’s best if you copy and paste the URL from your website address bar
    2. Optional: Click Add a website to enter another website 
    3. Copy your embed code to save it to your clipboard
    4. Click Done to complete setup

    4-LinkinbioGallery-ProductStills_EmbedModal.png

    Important: When entering your website, make sure to enter the exact URL. If your website link includes www. then include that in the URL. If you’re unsure if your website includes www., then enter both versions. For example, www.later.com and later.com.

    Important: If you’ve built your website in Wix, Shopify, or another website builder, please follow an extra step before you copy your embed code:

    Wix:

    • If your website address is www.yourdomain.com: Click Add another website and add the following URL: www-yourdomain-com.filesusr.com (replace yourdomain with your domain name).
    • If your website address is yourdomain.wixsite.com: Click Add another website and add the following URL: yourdomain-wixsite-com.filesusr.com (replace yourdomain with your domain name).

    Shopify:

    • If your website address is www.yourdomain.com: Click Add another website and add your Shopify store address: shopify-store-name.myshopify.com (replace shopify-store-name with your Shopify store name). Your Shopify store name may not match your website domain name. 

    Other Website Builders:

    • If your website address is www.yourdomain.com: Click Add another website and add the website builder’s version of your website address: yourdomain.websitebuildername.com (replace yourdomain with your domain name and websitebuildername with the website builder’s domain name). For example, if your website is www.secondfurnitures.com and it’s hosted on WordPress, you’ll also need to add the WordPress address of your site, secondfurnitures.wordpress.com.

    Important: If you go back and change the layout (grid or row) for your Linkin.bio Gallery, your embed code will change. Make sure to copy your embed code again. 

    Step 3: Embed Your Linkin.bio Gallery on Your Website

    To embed your Linkin.bio Gallery on your website, you’ll need to paste the embed code into your website’s HTML code. Here’s how to do it on some common website builders.

    WordPress (Business or eCommerce plans only):

    1. Go to the page or post where you want to embed your Linkin.bio Gallery
    2. Click into the area where you want to embed your Linkin.bio Gallery
    3. Click + at the top left corner to add a block
    4. Search for and select Custom HTML
    5. Paste your embed code into the block
    6. Preview your changes to make sure everything looks good 
    7. Click Update to save

    Note: WordPress's Free, Personal, and Premium plans don't allow you to add embed codes to your website. 

    Shopify:

    1. Under Online Store, go to Pages or Blog Posts
    2. Go to the page or blog post where you want to embed your Linkin.bio Gallery
    3. In the editor, click < > to show HTML
    4. Find the area where you want to put your Linkin.bio Gallery
    5. Paste your Linkin.bio Gallery embed code into your HTML code
    6. Click < > again to show the editor and see a preview of your embedded Linkin.bio Gallery
    7. Save

    Note: If your Linkin.bio Gallery isn't showing up on your Shopify website, make sure you've added shopify-store-name.myshopify.com as another website in Step 2 above. Replace shopify-store-name with your Shopify store name. 

    Squarespace:

    1. Go to the web page where you want to embed Your Linkin.bio Gallery
    2. Edit the page, click an insert point, and select Code from the menu
    3. Paste your Linkin.bio Gallery embed code into the text field
    4. Click Apply to save

    Wix:

    1. In the Editor, click Add on the left side
    2. Click More > Embeds
    3. Click HTML iframe or drag it to where you want it on your page
    4. Click Enter Code
    5. Paste your embed code
    6. Save

    Note: If your Linkin.bio Gallery isn’t showing up on your Wix website, make sure you’ve added www-yourdomain-com.filesusr.com or yourdomain-wixsite-com.filesusr.com as another website in Step 2 above. Replace yourdomain with your domain name.

    Square: 

    1. Go to the web page where you want to embed your Linkin.bio Gallery
    2. Add an Embed code section to that page
    3. Paste your embed code 
    4. Publish your website to save

    Important: If you change the layout (grid or row) for your Linkin.bio Gallery, your embed code will change. Make sure to replace any old code on your website with the new code. 

    Once you’ve embedded your Linkin.bio Gallery, go to your website to see it in action!

    Troubleshooting Linkin.bio Gallery Issues

    If your Linkin.bio Gallery isn’t showing any posts on your website (and you know you have posts), try these tips:

    • Go to Get Embed Code and make sure you’ve entered the exact URL of the website you’re embedding your gallery on, including www. To make sure you’ve entered the exact URL, go to your website and copy and paste the URL from the address bar into the website field in Get Embed Code.
    • If your website is hosted on a third party website builder or domain, you may need to add both your main website address and the website builder’s version of your address to the list of websites you’re embedding on. For example, if your website is www.secondfurnitures.com and it’s hosted on WordPress, you’ll also need to add the WordPress address of your site, secondfurnitures.wordpress.com.

     

    Related Articles:
    Set Up Linkin.bio for Instagram
    Linkin.bio Analytics
    Set Up Shopify with Linkin.bio Standard

    Privacy Policy Terms of Use