Getting Started with Gift Calendar
After installing the app in your Shopify store, follow these steps to display the Gift Calendar for your visitors.
💡 You can read along, but if you prefer video guides, follow these links for setup instructions:
👉 Vintage Theme Setup Guide👉 Online Store 2.0 Theme Setup Guide
✅ Step 1: Add gifts to the calendar
- Click on a date in the calendar.
- Enter the gift description in the editor.
- (Optional) Attach an image.
- Save the gift.
✅ Step 2: Display the Gift Calendar in your store
Once you’ve added all the gifts, you’re ready to display the calendar in your store.
- If your store uses a Vintage theme, follow the instructions in the Vintage themes section.
- If your store uses an Online Store 2.0 theme, follow the steps in the Online Store 2.0 themes section.
🤔 Not sure if your store uses a Vintage or Online Store 2.0 theme?
The app automatically detects your theme type and will display the correct instructions.
Vintage themes
To display the Gift Calendar in a Vintage theme:
- Add this shortcode where you want the calendar to appear:
<div is="sbs-gift-calendar-shortcode"></div>
- Paste the code in source view (page, collection, or product description).
- Activate the app embed block (you’ll see a warning in the app with a button to do this).
- Save your theme changes after enabling the embed block.
Online Store 2.0 themes
To display the Gift Calendar in an Online Store 2.0 theme:
- Open the Theme Editor.
- Select the page or template where you want to add the calendar.
- In the App section (or by adding a new section), select the Gift Calendar block.
- The calendar (with your added gifts) will appear and be ready for customization.
🎨 Step 3: Customize the Gift Calendar
Vintage themes
To customize the calendar in a Vintage theme:
- Open the Theme Editor and go to the page where you added the shortcode.
- If the calendar doesn’t appear, check that the Gift Calendar app embed is enabled.
- In the App Embed section, look for Gift Calendar Block and open its settings.
- Adjust the design settings to match your brand.
- Save your changes.
Online Store 2.0 themes
To customize the calendar in an Online Store 2.0 theme:
- Open the Theme Editor and select the Gift Calendar section you added earlier.
- Click the section to open the settings panel.
- Adjust the design settings to match your brand.
- Save your changes.
Your Gift Calendar is ready to go!
That’s it! Your Gift Calendar is live and ready to share with your customers.
To get the best results, check out our best practices.
💬 Need Help?
If you’re unsure how to structure your campaigns or run into any issues, contact us at hello@salesboostersquad.com. We’ll be happy to help you optimize your Gift Calendar strategy.