Quick start
Run through the basic features in 10 minutes — from a fresh install to seeing a widget on your storefront. Each step shows the minimum operation only; deep details link out to the relevant doc.
Prerequisites
Section titled “Prerequisites”Complete Install and enable. Confirm Widget list → StatsRow → “App status” shows “Enabled”.
Image: “App status” card in “Enabled” state.
8-step run-through
Section titled “8-step run-through”1. Create: build a widget with the wizard (~1 min)
Section titled “1. Create: build a widget with the wizard (~1 min)”Home → “Create widget” → wizard, three steps:
- Placement → choose Product page
- Template → pick anything from the recommended row (e.g. Trust Hero)
- Color scheme → keep Default
The wizard exits straight into the editor.
2. Edit content: change one piece of copy (~1 min)
Section titled “2. Edit content: change one piece of copy (~1 min)”Content tab → tap any component in the list → edit the Heading / Text field → the right-side canvas updates in real time.
3. Switch color: try the Design tab (~30 sec)
Section titled “3. Switch color: try the Design tab (~30 sec)”Design tab → Color scheme card → click “Switch scheme” → pick another in the dialog (e.g. Plain mono) → apply.
Tip: “Switching applies the selected scheme’s colors and shapes to the widget; text, layout, and items are preserved.”
4. Add a display rule (~1 min)
Section titled “4. Add a display rule (~1 min)”Display tab → left SubNav: Pages → switch to Custom → check Product (/products/…) (other pages won’t show the widget).
Image: Pages dimension Custom + Product checked.
5. Verify the rule with the simulator (~30 sec)
Section titled “5. Verify the rule with the simulator (~30 sec)”Right-side Simulator sidebar → URL field: https://your-shop.com/products/foo → check that the top StickyBar verdict shows Visible.
6. Add a translation language (optional, ~1 min)
Section titled “6. Add a translation language (optional, ~1 min)”Localization tab → “Add language” → pick a language enabled on your store → fill one field’s translation in the table.
Untranslated fields fall back automatically (“If a locale has no content, it falls back to the default language.”).
7. Publish (~10 sec)
Section titled “7. Publish (~10 sec)”Click “Publish” at the top of the editor. Status badge → Published.
8. Storefront verify (~1 min)
Section titled “8. Storefront verify (~1 min)”Open any product page on your storefront (because Step 4 limited it to product pages). Confirm the widget renders.
Image: storefront product page with the widget visible.
Next steps
Section titled “Next steps”| Want to learn | Go to |
|---|---|
| Full wizard walkthrough | Widget creation wizard |
| Editor layout overview | Editor overview |
| All 9 visibility dimensions | Display tab |
| Component types and fields | Components |
| Common how-to tasks | How-to |
| Troubleshooting | Troubleshooting |