Add DiscoCrate Widgets
Adding DiscoCrate widgets to your Shopify store
Add and customise DiscoCrate widgets to your store's pages using our built-in integration with Shopify's theme editor.
We'll guide you below through adding a DiscoCrate widget to your theme, adjusting its location using the Theme Editor's drag-and-drop feature, and the customisation options available for each widget.
Dialog Box Opt-In Form & Embedded Opt-In Form (avaliable only on premium plan)
- Go to the left side navigation panel, select Widgets.
- Click Turn on and wait until the badge turns green. Remeber you can only use one type of widget on your store.
- Click on redirect icon on the far right of the widget section.
- Inside the Shopify Theme Editor, make sure you've selected a product with no stock as the preview selection. Otherwsie, the widgets won't appear.
- Inside the Shopify Theme Editor, drag and drop the widget app block where you would like it to appear on the product page (we recommend placing it under the buy buttons):
- Customise the widget’s appearance to match your brand’s design (learn more below).
- Click
Save
.
Optional customizations:
Product-page-button Settings
- Style: Choose between an Embedded button that's inline with your existing product page buttons, or Float button that sits vertically on the right side of your page.
- Text: Insert custom text to appear in the button.
- Display WhatsApp Logo: Checkbox to show or hide the WhatsApp logo on the button.
- WhatsApp colour: Select one of the four colours.
- Color: Select your desired color for text, button, and the button border.
- Corner radius: Adjust the buttons corner radius
- Border thickness: Adjust the thickness of the border on the button.
- Button height: Adjust the height of the button to match your store.
Dialog Box Opt-In Form Settings (click on Product-page-button to view)
- Heading: Insert custom text to appear in the heading of the dialog box pop-up.
- Button text: Insert custom text to appear in the button.
- Already subscribed message: Insert custom text to appear if a customer has already subscribed.
- Display WhatsApp Logo: Checkbox to show or hide the WhatsApp logo on the button.
- WhatsApp colour: Select one of the four colours.
- Color: Select your desired color for text, background, button, button border, and the powered by DiscoCrate text.
- Remove powered by DiscoCrate: Hide by selecting the checkbox. Applicable to Premium plan subscribers only.
- Button corner radius: Adjust the button corner radius in the dialog box.
- Border thickness: Adjust the thickness of the border on the button.
- Button height: Adjust the height of the button to match your store.
- Corner radius: Adjust the dialog box corner radius.
Embedded Opt-In Form Settings
- Button text: Insert custom text to appear in the button.
- Already subscribed message: Insert custom text to appear if a customer has already subscribed.
- Display WhatsApp Logo: Checkbox to show or hide the WhatsApp logo on the button.
- WhatsApp colour: Select one of the four colours.
- Color: Select your desired color for text, background, button, and the button border.
- Button corner radius: Adjust the button corner radius in the Embedded Opt-In Form.
- Border border thickness: Adjust the thickness of the border on the button.
- Corner radius: Adjust the Embedded Opt-In Form corner radius.