heart twitter facebook linkedin mailchimp copy image close instagram google chevron-down update line chart trash archive move drag pencil link megaphone lifebuoy check error outline visibility visibility off calendar stop watch search plus question-circle-o smile-o ellipsis-v ellipsis-h lock repeat refresh spinner code code-camp file-pdf-o chat-bubble website upload tag folder-o envelope-o google sheets shuffle pushpin enlarge

Embedding your Campsite

Learn how to embed a Campsite on your website.

Do you want a link list landing page for Instagram, Facebook or Twitter, but want to keep it on your own website? Get all the power of Campsite on your own website by embedding your Campsite profile with our powerful embed feature!

Getting Started

  1. Open the settings page
  2. Enter the site urls you want to embed your Campsite on. An example would be mydomain.com
    My site urls
  3. Copy your embed code and move to the next section below

What to do with your embed code

After you have configured your Campsite, and have added your site urls, copy the embed code from the editor.

Next, PASTE the embed code anywhere after the opening body tag.

For advanced usage you can separate the <iframe> tag, putting it where you want your widget to be displayed and then add the <script> right before the closing </body> tag.

If you have someone that manages your website, give them the embed code snippet to implement it for you.

Wordpress
  1. Go to the Wordpress Dashboard, open the 'Post' or 'Page' editor you want the Campsite to appear on.
  2. Paste the embed code into the 'Text' OR 'HTML' tab of the editor in the area you want it to appear.

Paste into Wordpress

Squarespace

Add a Code Block

  1. In the Squarespace dashboard open a page or post editor.
  2. Click an Insert Point or the +.
  3. Select Code from the menu.
  4. Add embed code

For more detailed steps, visit Adding blocks.

Add code

If you're displaying content with the Code Block, ensure that HTML or Markdown is selected in the drop-down menu.
Then PASTE the embed code into the box and remove the <p>Hello, World!</p> placeholder.

Shopify
  1. Click on Online store button in the menu and next click on Pages.
  2. Choose the page where you want to add our widget. Click on the title to get to edit mode.
  3. From the menu, click on Show HTML button. Make sure that you have our widget code ready.
  4. PASTE the Widget embed code.
  5. Save your changes and check the page.

Troubleshooting

Nothing is showing up / It's not loading

Make sure that you've entered the url of site you're embedding the Campsite on the settings page embed section. If you enter the incorrect url, you'll encounter the mentioned issue. See below for an example.

Your site urls