The Mrfqy drag-and-drop store builder: a complete guide
Learn how Mrfqy's drag-drop builder, live preview, sections library, themes, and one-click publish work together to launch your storefront.
Share
You should not need a developer to change your homepage hero or add a testimonials row before a holiday sale. Mrfqy's store builder is designed for merchants who manage inventory in the morning and Instagram campaigns at night. This guide covers the full workflow from blank canvas to a live Arabic-first storefront.
Drag-and-drop editing basics
The builder opens your storefront as a set of reorderable sections — hero banners, product grids, text columns, and more. Click a section to edit its content; drag the handle to move it up or down. Changes autosave so you will not lose work if you switch tabs to check orders.
Each section has settings specific to its type: a hero might expose headline, subtext, button label, and background image, while a product grid lets you pick a collection or manual product list. Avoid stacking too many heavy image carousels on mobile — speed still matters for Egyptian 4G users.
Undo is available for recent edits, but publish deliberately: what you see in the builder is what customers will see after you hit Publish.
Plan your homepage on paper first: hero → featured collection → trust signals → FAQ. The builder is faster when you know the story.
Live preview across devices
Live preview renders your store with real product data — not placeholder lorem ipsum. Toggle between desktop and mobile widths to catch RTL layout issues early, such as cropped Arabic headlines or buttons that wrap awkwardly.
Share a preview link with a colleague or friend on WhatsApp before publishing. Fresh eyes often spot confusing navigation or missing Arabic diacritics in promotional copy.
Preview mode respects your draft changes until you publish. Customers continue seeing the last published version, so you can prepare a Ramadan layout without downtime.
Related articles
The Mrfqy drag-and-drop store builder: a complete guide | Mrfqy
Sections library for common storefront patterns
The sections library includes pre-built blocks merchants use repeatedly: featured collections, image-with-text, newsletter signup, logo strips for payment and courier partners, and rich text for policies. Add a section from the library instead of rebuilding layouts from scratch each season.
Combine sections to tell a localized story — for example, a hero promoting Eid delivery cutoffs, followed by a grid of gift bundles, then a callout explaining Fawry and COD options in Arabic.
Not every section belongs on every page. Keep product pages focused on gallery, variant picker, and shipping info; reserve storytelling sections for home and landing pages.
Reuse a winning section layout across campaigns by duplicating the page and swapping collection IDs — faster than redesigning.
Themes as starting points, not cages
Themes control typography, color tokens, button styles, and default section spacing. Mrfqy ships presets like Minimal, Bazaar, Luxury, and Fresh — each tuned for different product categories. Pick the closest match, then customize colors to your brand hex codes.
Switching themes does not delete your section order, but visual spacing may shift — re-preview on mobile after a theme change. Logo and favicon upload separately in store settings.
Arabic typography is baked into every theme with Cairo-friendly font stacks and RTL-aware alignment. You should not need custom CSS for basic readability.
Publish with confidence
Publishing pushes your draft storefront to your live domain or Mrfqy subdomain. The operation is near-instant — no FTP or deployment pipeline. If something looks wrong, roll back by re-publishing a previous saved state or reverting section edits.
Before first publish, verify payments and shipping are configured, legal pages (returns, privacy) are linked in the footer, and at least one product is in stock with correct EGP pricing.
After publish, submit your sitemap to Google Search Console and pin your URL on social channels. Mrfqy generates SEO-friendly product URLs and supports Meilisearch-powered store search when enabled on Pro plans.
Starter plan is free forever — use it to perfect your builder workflow before upgrading to Pro for staff roles and advanced analytics.
Putting it into practice on Mrfqy
From your Mrfqy dashboard, open Store Builder on Starter (free, no time limit) and sketch your homepage flow on paper first: hero banner → featured collection → payment trust logos → FAQ. Add sections from the library in that order, swap placeholder copy for Arabic headlines, and upload a mobile-optimized hero image under 500 KB so 4G shoppers in Egypt do not bounce.
Toggle live preview to mobile width and share the preview link with two people on WhatsApp — ask them to find a product and reach checkout without help. Fix navigation and RTL alignment issues before hitting Publish; customers see the last published version, so you can iterate drafts during a Ramadan campaign without downtime.
After first publish, duplicate your homepage layout for seasonal campaigns by copying the page and swapping collection IDs — faster than rebuilding. Upgrade to Pro when a partner needs builder access via staff roles or when you want Meilisearch-powered store search and publish analytics; until then, Starter gives you the full drag-and-drop builder and one-click publish.
Publish only after payments, shipping, and at least one in-stock product are configured — a beautiful storefront that cannot checkout wastes your Instagram traffic.
Open the Store Builder from your Mrfqy dashboard, choose a theme, assemble sections from the library, preview on mobile, then publish. Most merchants reach a credible first storefront in one sitting — refine copy and imagery as orders teach you what converts.
