> ## Documentation Index
> Fetch the complete documentation index at: https://docs.ecomwize.io/llms.txt
> Use this file to discover all available pages before exploring further.
# Productivity Tips
> Work faster and smarter with these EcomWize Builder tips, tricks, and workflow strategies.
These tips and techniques help you get the most out of EcomWize Builder. They combine keyboard shortcuts, built-in features, and workflow strategies to help you build high-quality Shopify pages in less time.
## Speed Up Your Editing Workflow
### Use templates as starting points
Starting from a blank page every time is the slowest way to build. Instead, browse the template gallery and pick a template that is closest to your goal, then customize it.
Filter templates by category -- Landing Pages, Product Pages, Listicles, or Advertorials -- to narrow down relevant options quickly.
Click a template card to preview it. Scroll through all sections to see if the layout and structure match your needs.
Click **Generate** to create a new page from the template. Then add, remove, reorder, and edit sections to make it your own.
Even if a template is not a perfect match, it usually provides 60-70% of what you need. Customizing existing sections is much faster than creating them from scratch.
### Copy and paste sections for repeating patterns
If you need multiple similar sections (testimonials, feature blocks, product highlights), build one section perfectly and then duplicate it.
1. Select the section and press `Ctrl/Cmd + C` to copy.
2. Press `Ctrl/Cmd + V` to paste a duplicate below.
3. Click the duplicate and change only the content that differs (text, images, icons).
All styling, layout, colors, and configuration settings carry over from the original. This is significantly faster than configuring each section individually.
### Use the Layers panel for navigation
When your page has 10 or more sections, scrolling through the canvas becomes tedious. The Layers panel gives you an overview of every section in a compact list.
* Click the **Layers** icon in the sidebar to open the panel.
* Click any section name to instantly scroll the canvas to that section and select it.
* Drag sections in the Layers panel to reorder them. This is often easier than dragging on the canvas, especially for long pages.
The Layers panel is particularly useful when working with sections at the very bottom of a long page. Instead of scrolling all the way down, click the section name in Layers to jump directly to it.
### Use Escape to reset your workspace
When you have multiple toolbars, panels, and selections open, press `Escape` repeatedly to progressively clean up your workspace:
1. First press closes any open toolbar (text, icon, tag, stars).
2. Second press closes any open modal or dialog.
3. Third press deselects the current section.
This gives you a clean canvas view for reviewing your page layout.
## AI-Powered Shortcuts
### Use quick suggestions instead of typing prompts
The AI chatbox provides pre-built quick suggestion buttons optimized for common editing tasks:
| Quick Suggestion | What It Does |
| --------------------- | ------------------------------------------------------------ |
| **Make it shorter** | Condenses text while keeping the core message |
| **More emotional** | Adds emotional language and persuasive copy |
| **Add social proof** | Incorporates trust-building language and credibility signals |
| **More professional** | Shifts tone to be more formal and business-like |
| **More casual** | Makes the copy conversational and approachable |
These pre-built prompts are tuned to produce better results than most custom prompts. Try them first before writing your own instructions.
You can chain quick suggestions. For example, first click "Make it shorter" to trim excess copy, then click "More emotional" to punch up the shortened version. Each operation costs just 1 AI credit.
### Let AI generate section content
When you add a new section to your page, AI can auto-generate the initial content based on:
* Your page's existing sections and overall theme
* The linked Shopify product data (if a product is connected)
* The section type and its purpose
This gives you a solid first draft to refine rather than staring at placeholder text. Section generation costs 10 AI credits.
### Generate brand styles with AI
Instead of manually configuring 50+ brand style properties (fonts, colors, spacing, sizes, weights), describe your brand in plain text and let AI create a complete style.
Example prompts that work well:
* "Clean, modern supplement brand with green accents and sans-serif fonts"
* "Bold, energetic fitness brand with dark backgrounds and bright CTAs"
* "Minimalist skincare brand inspired by Japanese design"
After generation, fine-tune individual properties in the brand style editor. This approach saves significant time compared to starting from default values.
## Preview and Test Effectively
### Always check both desktop and mobile views
What looks perfect on desktop may have issues on mobile. Before publishing, switch between both views to verify:
| Check | Desktop | Mobile |
| ---------------- | ------------------------------------- | ---------------------------------------- |
| Text readability | Font sizes, line lengths | Text not too small, no overflow |
| Image quality | High-resolution display | Images load and fit properly |
| Button placement | Visible and clickable | Easy to tap, not too close together |
| Section spacing | Consistent vertical rhythm | No excessive whitespace or crowding |
| Layout | Multi-column layouts render correctly | Columns stack properly on narrow screens |
### Use undo liberally
The builder stores up to 50 undo states, so do not be afraid to experiment:
* Try a bold color change on a section. If it does not work, `Ctrl/Cmd + Z`.
* Delete a section to see how the page looks without it. Undo to bring it back.
* Reorder sections to test different flows. Undo to revert if the original was better.
Undo states are stored in memory and are cleared when you leave the builder. For experiments that span multiple editing sessions, save a named version first.
### Save versions before major changes
Before you make sweeping changes to your page, save a named version as a permanent checkpoint.
Good times to save a version:
* Before removing or replacing multiple sections
* Before changing the brand style
* Before a client review (name it "Client review v1")
* Before A/B testing variations
* After finishing a major milestone ("Hero + benefits complete")
Versions are saved permanently and can be previewed or restored at any time, unlike undo states which are temporary. Each page supports up to 20 versions.
## Publishing Workflow
### Preview before going live
Always use the preview mode before publishing. The preview renders your page exactly as it will appear on your Shopify store, including:
* Full-width rendering without builder UI overlays
* Accurate font rendering with loaded Google Fonts and custom fonts
* Correct spacing and padding at actual viewport dimensions
* Button styles, hover states, and visual effects
### Unpublish before deleting
If a page is currently live on your Shopify store and you want to remove it, always follow this order:
Use the page menu to unpublish. This removes the page from your Shopify store.
Check your Shopify store to confirm the page is no longer accessible.
Now delete the page from EcomWize. Because you unpublished first, there are no orphaned assets on your Shopify store.
Deleting a page without unpublishing first may leave orphaned files in your Shopify theme. These do not cause functional issues but clutter your theme files.
### Use page settings for SEO
Before publishing, configure these SEO-critical fields in Page Settings:
* **URL handle** -- Keep it short, descriptive, and keyword-rich. Use `summer-sale` instead of `our-amazing-summer-sale-2024-limited-time-offer`.
* **Meta description** -- Write a compelling 120-160 character summary. This appears in Google search results and directly affects click-through rates.
* **Page title** -- Make it clear and relevant. The title appears in browser tabs and search results.
A well-optimized URL handle and meta description can significantly improve your page's organic search visibility. Spend a few minutes on these before publishing.
## Organization Tips
### Keep your media library clean
Your media library accumulates images and videos over time. Periodically review and delete assets you no longer use:
* Remove test images and placeholder content
* Delete duplicate uploads
* Clean up assets from deleted pages
A lean media library makes it faster to find the right asset when building new pages.
### Use descriptive page names
Name your pages clearly so you can identify them at a glance in the dashboard:
| Bad Name | Good Name |
| ------------- | ------------------------------ |
| Untitled Page | Summer Sale Landing Page |
| Page 2 | Vitamin D Product Page - v2 |
| Test | Hero A/B Test - Short Headline |
| New page | Black Friday 2025 - Countdown |
Descriptive names become essential once you have more than a handful of pages. They also help team members understand what each page is for.
### Duplicate pages for A/B testing
To test different approaches for the same campaign:
Decide what you want to test: a different headline, hero image, CTA button text, or section order.
Use the page menu to duplicate your high-performing page. This creates an exact copy with all sections and settings.
In the duplicate, change only the single variable you are testing. Changing multiple things at once makes it impossible to know what caused the difference.
Publish both pages and drive traffic to each. Compare conversion rates to determine the winner.
### Use sharing for feedback
Before publishing to your live store, share the page for review:
1. Enable sharing in the Share dialog to generate a public link.
2. Send the link to clients, team members, or stakeholders.
3. They can view the page on desktop and mobile without needing an EcomWize account.
4. Collect feedback and make revisions before going live.
Shared pages are read-only for viewers. They cannot edit your page, only view it. If you enable the "Allow duplication" option, viewers with an EcomWize account can create their own copy.
## Credit Management Tips
Text rewrites cost just 1 AI credit each, while generating a new section costs 10 credits. If your section content is close to what you need, use the AI rewrite feature to refine it instead of generating a new section from scratch.
If you know you will need AI help across multiple sections, plan your edits to use credits efficiently. Rewrite all your text blocks in one session rather than making small edits across multiple days. This helps you stay aware of your remaining credit balance.
A single AI-generated brand style can be applied to unlimited pages. Generate one polished brand style and reuse it across all your pages rather than generating new styles for each page.
Check your remaining AI credits in the account area. Credits refresh monthly based on your plan tier: 250 for Free, 1,000 for Starter, and 5,000 for Pro. Plan your usage accordingly, especially toward the end of the billing cycle.