Brief Introduction
Tired of the same old store layouts? With MultiVendorX’s Elementor integration, you now have the power to design fully customizable store pages with ease. This module gives admins complete control over the global look and feel of store pages using Elementor’s simple drag-and-drop builder. No coding required – just creative freedom to craft unique, engaging, and professional layouts that match your brand.
Requirements
A Little About Elementor #
Elementor hardly needs an introduction, but for those who are new to WordPress, here’s a quick overview. Elementor is a powerful WordPress plugin designed to help you create custom websites for your business. With its all-in-one design tools, you can shape your website to match your brand identity using motion effects, a wide variety of fonts, and advanced background options — all without touching a single line of code.
What Does Elementor Add to Your Marketplace? #
With Elementor’s visual editor, you can design custom pages for your store owners’ shops exactly the way you want. This gives you the freedom to craft unique layouts, enhance user experience, and maintain brand consistency — all while skipping the complexities of coding.
Want to learn more about Elementor? You can explore their official documentation for a deeper dive.
Elementor Configuration #
Configuring Elementor with MultiVendorX is simple and straightforward. Follow these steps to get started:
Enabling the Module
- Go to your WordPress admin dashboard and hover over the MultiVendorX menu.
- Select Modules from the list.
- On the Modules page, go to the Integration section.
- Enable Elementor from the list.
Once enabled, you’re ready to start designing custom store pages.
Customize Store’s Shop Page #
To design shop pages, the admin must first:
- Install and activate the Elementor and Elementor Pro plugin (if not already installed).
- Navigate to Elementor → Templates.
- Click Add New, then choose the MultiVendorX Shop Page option from the template list.
- Give your template a name and click Create Template.
- As the new template page loads, you’ll see three ready-made store page blocks. Hover over any block and click Insert to apply it.
Customize the Template #
With Elementor’s drag-and-drop builder, you can easily add or adjust store elements, including:
- Store Banner – Displays the banner for each store.
- Store Name – Lets you add or modify the store name for every store owner.
- Store Info – Allows store owners to showcase information about their shop.
- Social Profile – Add social sharing options like Facebook, X (Twitter), LinkedIn, Pinterest, YouTube, and Instagram.
- Store Ratings – Highlights store ratings, helping store owners build credibility.
- Store Tab Items – Includes product listings, terms and conditions, and customer reviews (can be shown or hidden as needed).
- Follow Button – Adds a follow button so customers can easily return to their favorite stores.
Wrapping Up #
And that’s it! With just a few clicks, you can create stunning, fully customizable store pages that not only impress customers but also give your marketplace a professional edge.
