How to Use the Pop-Up Shop Pattern in Oh My Hi

Introduction

The Popup Shop pattern in Oh My Hi is a ready-made layout that helps you showcase products, collect leads, and create an interactive online shopping experience. This tutorial will guide you step by step so you can quickly add your own images, text, videos, and links.

Step-by-Step Guide

Step 1: Add the Popup Shop Pattern

1. In your Oh My Hi dashboard, click the blue plus in the upper left corner.
2. Go to Patterns.
3. Search for Popup Shop and click Add to place it on your page.

Step 2: Update the Banner

1. Scroll to the top banner. This banner stays visible as visitors scroll.
2. Hyperlink your contact info:
   • For phone numbers with text: use SMS:yournumber
   • For phone calls: use TEL:yournumber
   • For emails: use mailto:[email protected]
3. This ensures visitors can easily message or email you without manually entering your info.

Step 3: Customize Text and Images

1. Find placeholders (bold text in brackets) throughout the page.
2. Highlight them to update text, paragraphs, or product descriptions.
3. Replace placeholder images by clicking on them and uploading your own.
4. Keep descriptions short — focus on your top products to avoid overwhelming visitors.

Step 4: Set Up the Lead Capture Form

1. Click inside the form area to highlight it in blue.
2. Open Settings (the box next to the publish button).
3. Choose an existing form or create a new one.
4. If you’re using Project Broadcast, include a phone number field for integration.
5. This form helps turn visitors into contacts for email or text marketing.

Step 5: Add a Video (Optional but Recommended)

1. Click on the video placeholder to highlight it.
2. Click Edit URL at the top.
3. Enter the URL of your YouTube video (set as unlisted for privacy).
4. Click Embed. The video will appear and play directly on your page.

Step 6: Link Your Shop and Products

1. Add your shopping link to the main call-to-action button.
2. Use the Top Picks section to feature 3–4 products.
3. To add, remove or reorder products:
   • Highlight a column and press Delete to remove.
   • Use Duplicate to add another product.
   • Drag products to change their order.

Step 7: Add Extra Media or Info

1. Replace the fun GIF or image with your own media from the library.
2. Update date, time, or event details as needed.
3. Use the Need Help? button to link to your contact page.

Step 8: Highlight Special Sections

1. Add pictures or text for host benefits, sales, or fundraising opportunities.
2. Keep it concise and visually appealing for easy browsing.

Wrap-Up

Your Popup Shop is now ready! Visitors can view top products, watch a video, shop, and contact you easily — all in one page.