> For the complete documentation index, see [llms.txt](https://docs.tipo.io/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.tipo.io/tipo-related-products/general-settings-and-translations/theme-integration/set-up-on-vintage-themes.md).

# Set up on Vintage themes

You will need to **manually add the widget shortcode** into your theme's `.liquid` files. This allows you to display the widget and control its position on the storefront.

***

**🧩 Step-by-step Instructions**

1. **Open your Shopify theme code:**
   * From your Shopify admin, go to **Online Store → Themes**
   * Click **“Actions” → “Edit code”**
   * *(Or click here to go directly if you're already in the app)*
2. **Choose where you want to show the widget:**
   * Navigate to the appropriate `.liquid` file, such as:
     * `product.liquid` or `main-product.liquid`
     * `collection.liquid`, etc.
   * Decide the exact place in the file where you want the widget to appear.
   * Insert the widget shortcode.
3. **Save the file**, and the widget will appear at the spot where you added the shortcode.

***

**🔄 Moving the Widget Position**

* To change the widget’s position, simply **move the `<div>` tag** to another part of the `.liquid` file.
* You can test different placements to find the ideal spot in your theme layout (e.g., above the product description, below the “Add to cart” button, etc.).

***

🟨 **Important Info** This method gives you full control over widget placement, but it does require basic understanding of Shopify's theme code structure. If you need help, we recommend reaching out to your theme developer or our support team.

**🙋 Still need support?**

If you still need help, please feel free to contact us at <hi@tipo.io>. We’ll be happy to assist you further.