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.

​

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.

​

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.

​

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.

​

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 persist in the database 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 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.

​

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:

​

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.

​

Credit Management Tips