Productivity Tips

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.

1. Browse by category
   

   Filter templates by category - Landing Pages, Product Pages, Listicles, or Advertorials - to narrow down relevant options quickly.

2. Preview before committing
   

   Click a template card to preview it. Scroll through all sections to see if the layout and structure match your needs.

3. Generate and customize
   

   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:

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:

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:

1. Unpublish the page
   

   Use the page menu to unpublish. This removes the page from your Shopify store.

2. Verify removal
   

   Check your Shopify store to confirm the page is no longer accessible.

3. Delete from EcomWize
   

   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:

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:

1. Identify the variable
   

   Decide what you want to test: a different headline, hero image, CTA button text, or section order.

2. Duplicate the page
   

   Use the page menu to duplicate your high-performing page. This creates an exact copy with all sections and settings.

3. Make one change
   

   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.

4. Publish both versions
   

   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

Use text rewrites before section generation

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.

Batch your AI operations

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.

Generate brand styles once and reuse

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.

Monitor your credit usage

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.