How To

How To Embed a Tilt on Your Website

In this how-to episode, we will look at embedding a tilt into a webpage! There are lots of reasons you might want to do this, but the most common include:

1) To ensure your tilt gets the most traffic possible

2) To accept pre-orders on your Shopify site

3) To consolidate related tilts all in one convenient place

The steps to embed a tilt are really straightforward and can be done in any platform that allows you to edit the HTML of your website (e.g. Weebly, Squarespace, Shopify, Wix, WordPress, etc.). If you have a custom website where you control the HTML, even better!

Step 1: Get your tilt link.

Your tilt link is the url of your tilt page. For example: https://www.tilt.com/tilts/phi-delts-fall-festival-long-sleeve-tshirt

Step 2: Get your embed code.

Step 3. Put it all together.

(Make sure you didn’t overwrite the ‘/iframe_widget’ part, that’s pretty much where the magic happens)

That’s it! Hopefully you have seen how easy it is to embed a tilt on any website.

If you run into issues, feel free to ping me @kentf on Twitter.

Previous Post Next Post
  • Crowd reu

    I have multiple campaigns but the appear one below the other. How can a get them in a line?

    • Best thing to do there is put them inside a and then make them inline block.

      So like

      iframe goes here

      iframe #2 goes here


      Let me know if you need more help.

      • Crowd reu


  • Jelle

    Is it possible to change the colour of the iframe?

    • Not at the moment but we are working on a ton of enhancements given how popular they have become!