Tutorial: Adding and Customizing a Shop into Your TSM Showit Website Template

Adding an online shop to your TSM Showit website template is a great way to start selling digital or physical products seamlessly. While Showit doesn’t offer native e-commerce functionality, it integrates smoothly with platforms like ThriveCart, Shopify Buy Button, Payhip, or SendOwl. This guide walks you through how to embed your shop and style it to match your TSM template.

Step 1: Choose a Third-Party E-Commerce Platform

Since Showit doesn't include built-in cart functionality, you’ll need to choose an external service. Popular options include:

• ThriveCart – Great for digital products and funnels.
• Payhip – Easy for creators, no monthly fee.
• Shopify Buy Button – Ideal if you're already using Shopify.
• SendOwl – Simple delivery for digital downloads.

Create your product(s) on your platform of choice and copy the embed code or product URL.

Step 2: Embed the Shop into Your Showit Template

1. In Showit, navigate to the page where you want to add your shop or product.
2. Add a new Embed Code box from the left toolbar.
3. Paste the code from your e-commerce platform into the embed window.
4. Resize and position the embed box to match your layout.

For Shopify Buy Buttons, you can get your code via Sales Channels → Buy Button → Create a Button, then copy the embed code.

Step 3: Customize Your Shop Styling to Match TSM

TSM templates have a strong brand look—clean, elegant, and content-forward. To keep your shop cohesive:

• Use consistent fonts and colors
• Hide default buttons or styling from your e-commerce tool if possible
• Add custom graphics or headings in Showit to frame the embed
• Create a dedicated “Shop” canvas or section that blends with your design

Step 4: Add a CTA or Navigation Link

Make sure people can find your shop! Add a link in your main navigation or use sticky buttons like “Shop Now” that link to the product page or section.

Bonus: Sell via a Popup or Direct Link

Don’t want a full shop page? Use a popup (like from ThriveCart or ConvertBox) or link buttons directly to product checkout pages instead.

Final Notes

You don’t need to switch platforms or code a full store to sell with Showit. With a few embeds and thoughtful design choices, your TSM template can double as a beautiful shop.

Need help styling the embed box or troubleshooting an integration? Visit Showit’s help center or reach out to the TSM support team if you purchased your template there.