If you’re an LTK Creator and you’re using one of our website templates for interior designers—Bombay Studio or Bombay Mini—we have good news for you! They’re built to make adding your LTK shop super easy 🙌

What you’ll need before you start:

• An active LTK Creator account
• At least one Boutique (a curated collection of shoppable products)
• Your Showit site open and ready to edit

Step 1: Generate your LTK embed code

In this step, you’re going to create your actual shop widget… the little section that will display your products on your website.

1. Log into your LTK Creator account
2. In your dashboard, click Tools → Boutique
3. Select the folders or collections you want to showcase on your site
4. Customize your display settings:
   • Choose your currency
   • Decide if you want to show brands or prices
   • Pick your widget width (we recommend 1200px)
   • Choose the number of columns and products you want to display (3 columns + 9 products is a solid default)
5. Under Platform, select Other and copy the code provided

👉 This is the embed code you’ll paste into Showit in the next step.

Step 2: Add the embed code to Showit

Time to place the widget on your site!

Important Note: This step assumes you’ve purchased a Hey Hello Studio website template, where we’ve already set up the base of the page for you.

1. In Showit, open the Shop page
2. Navigate to the Content canvas
3. Select the layer named LTK Code
4. Go to the right-hand settings panel in Showit and click into the Embed Info tab
5. Click the Custom Code box, so it opens in a pop-up window
6. Paste your copied LTK embed code into the box
7. Hit Save

You’ll now see your LTK widget appear in the canvas 🎉

Step 3: Remove the default LTK styling (optional)

If you want to remove the default gray border or drop shadow that LTK adds by default, you can add a little custom CSS.

1. In Showit, click on the page title (Shop) in the top left of your screen
2. Open the Advanced Settings tab in the right hand panel
3. Scroll to Custom CSS and paste the following:

Optional CSS:

.bo-box {
    background: transparent !important;
    border: none !important;
}

.bo-con:before, .bo-con:after {
    display: none !important;
}

Preview the page and you should see a cleaner, more seamless widget display.

Step 4: Publish and test!

Click that Publish button in Showit and check your site live.

Make sure:
✅ Your products display correctly
✅ All links work and redirect properly
✅ The mobile view looks fab too

You did it! 🎉

If you’re using one of our templates and this helped you out, tag us @heyhello.studio so we can hype you up!