Studio puts every LimeSpot tool on top of your own storefront. This tour shows where things are, so you can move between pages, preview your store and publish with confidence.
Availability
Plan: Growth Agents plan · Platform: SHOPLINE
The top bar
Everything you need while editing a page sits in one bar across the top. From left to right:
Control | What it does |
Exit arrow (Exit Studio) | Leaves Studio. See Open Studio. |
Power icon | Switches between Standard mode (point and click to edit) and Preview mode (browse like a shopper). |
LimeSpot Studio | The Studio name. It shrinks to the LimeSpot logo in narrow windows. |
Undo and Redo | Step back or forward through your edits. |
Page selector | Shows the page you're on and lets you jump to another page type. |
Experience switcher | Appears only when you're running an A/B test. Picks which version you edit. |
Search | Finds LimeSpot elements on the page. Shortcut ⌘+K (Ctrl+K on Windows). |
Code section | Opens the code editor at the bottom of the screen. |
Device | Switches between Desktop View and Mobile View. |
Preview as anyone | Shows the page as a shopper in a specific audience would see it. |
Save | Saves your draft. Shoppers don't see it yet. |
Publish | Makes your draft live. The arrow next to it (Publish options) holds Unpublish and Discard Changes. |
Status light | Green when your store is live and in sync. Amber when there's nothing live yet or you have changes to publish. |
Gear (Settings) | Opens store-wide and page settings, including Integrations and Discounts. |
Menu (⋮) | Opens the menu of LimeSpot sections. |
Tip
In a narrow window, some controls fold into a More controls menu (⋯). Make the window wider to see them all again.
The page selector
Click the page name in the middle of the top bar to switch pages. You'll see the page types your store has, such as Home, Collection, Product, Cart and Search, plus others like Blog Home or 404 if your store has them.
When you choose a page, Studio loads an example of that page type, such as one of your products. Your unsaved changes stay with you as you move between pages.
The menu
Click Menu (⋮) at the far right to open the LimeSpot panel. It lists every section of LimeSpot Growth Agents:
Menu item | What it's for |
Analytics | See what LimeSpot adds to your sales. |
Website Personalization (Studio badge) | The visual editor on your storefront. |
A/B Testing | Test different versions of your store. |
Email & SMS Personalization | Add personalized products to emails and text messages. |
Discounts & Promotions | Bundle discounts and the Smart Progress Bar. |
Audiences | Build audience segments. |
The Theme setting at the bottom (System, Light or Dark) changes how Studio looks to you. It doesn't change your store.
Every section is always listed. If your plan doesn't include one, it opens with a message that the section "is not included in your plan" and a Contact Sales button.
On the page
In Standard mode, colored labels sit on every piece of LimeSpot content, such as a recommendation box or a progress bar. Hover over an element to outline it, and click it to open its settings. Click the + between page sections to add content. See Select, move and find elements on a page.
The LimeSpot Assistant
When the chat is closed, you see the LimeSpot Assistant button. Click it to chat about your store or ask for changes.
Keyboard shortcuts
Shortcut | Action |
⌘/Ctrl+S | Save your draft |
⌘/Ctrl+Z | Undo |
⌘/Ctrl+Shift+Z | Redo |
⌘/Ctrl+K | Open or close search |
Esc | Close the open panel or step back |