Account

Select Currency

₽ $

My account

My wishlist Checkout

Logout

Cart

The release of the most advanced Page Builder for PrestaShop - Masterium is already available to everyone, more here

Masterium - Prestashop Landing Page Builder

[top module]

Module

Updated: Dec 05, 2021

Masterium - Prestashop Landing Page Builder

More about builder

To wishlist

$99

1 Year updates

1 Year general support

The renewal price for 1 year updates and 1 year general support is $29

Simple and easy, live front-end page builder for Prestashop. Create a perfect Web 3.0 design for any page of your store. NO-CODE technology allows you to make any changes in your store without hiring a developer.

Compatibility: 1.7.x
Version: v1.1.0 (26.06.2022)
Localization: RU, EN, PL, ES, FR, DE

A real front-end page builder, instant application of all changes, advanced customization of rows and columns, advanced editing of product pages. Absolutely freedom to implement your ideas with NO CODE!

Masterium was specially developed for PrestaShop, it is not an adaptation of other constructors from Wordpress, so you have more widgets, more settings and more flexibility in the layout.

Live Design

The editing process takes place right on the pages of your store, you no longer need to preview or switch from the back office. Fine-tuning each block, row, column, or element makes it easy to transfer any layout from Figma or sketch. Layer editing mode allows you to arrange elements on the page along the Z-axis in accordance with the latest Web 3.0 design trends\r\n

Ease of use

Today you no longer need to be a designer or developer, No-code technology and ready-made design blocks allow you to create premium quality designs and easily make the changes you need to it. A set of 57 widgets and a composite widget for product pages will allow you to change a ready-made template to suit your needs in a matter of minutes.\r\n

Mobile friendly

The builder allows you to customize the design for 6 main mobile device extensions. You can customize the design, layout, display, and even content for each extension. In accordance with the latest requirements for the speed of sites on mobile devices, we made sure that your images are automatically converted to a progressive format.

Visual Front-End Editor

Use the visual page editor to instantly change any element such as section, rows, columns or widgets. This can be text, pictures, videos, or products. All changes take place directly on the current page, you no longer need to navigate from the BO to see the result. See how it works:

Video Background

Add videos as background to Blocks. You can use the link to YouTube and Vimeo, your server links to videos, and upload video files.

Shape Dividers

Add striking shapes to separate the sections of your page.

Parallax effect

Add a nice parallax effect to your sections to make your page design look dynamic.

Animation

Animation is an effect used for all kinds of web components. This can happen when visitors scroll through your web page, which draws their attention to the element, adding a bit of interactivity.

Borders

Border is an important and very popular effect in web design. You can add a border to any element.

Color Picker

Use the color picker to choose your own colors and create color schemes for your pages and themes. This is an essential feature of any graphical user interface.

Font

The choice of font is necessary for styling any text elements such as headings, text, hyperlinks, lists, etc. Typography sets the font family, weight, variant, size, line height. 

100+ Google Fonts

Use the color picker to choose your own colors and create color schemes for your pages and themes. This is an essential feature of any graphical user interface.

Background

Add backgrounds to widgets, icons, blocks or columns and even a page. You can choose between solid fill, gradient, image and video.

Shadow

Apply shadow to the text, buttons, pictures and other elements easy.

Transparency

One of the popular effects in web design is transparency. Most often it is used to overlay colors or pictures on top of each other, or to form smoother color transitions.

Extended transformation

Advanced effects such as hue, saturation, invert, sepia or blur help you easily style or blend into existing designs.

Widgets

For a full-fledged robot, 57 widgets are available to you!

Including a composite widget for customizing the product page.

Due to the fact that the constructor consists of many elementary widgets, you have the opportunity to assemble pages with absolutely any functionality

Separator

An element with which you can separate logical blocks of the page using pictures or icons

Buttons

Use buttons with different styling and customize your style

Video button

Convenient widget for watching video in popup

Video

The video widget works without an iframe and loads only if the user has started watching the video, so your pages will be lighter and will load much faster.

Full width slider

Designed to provide up-to-date information on your store. Built-in basic text animation, as well as auto scroll settings, scrolling speed and navigation stylization.

Gallery

You can manage the grid of the gallery of pictures, post links to them or quick view, you can also make a carousel of pictures from any gallery.

Icon and Image boxes

Change the icon style, position and design. Choose icons from the library or add your own.

Banners

Customize any number of banners of different formats, with different types of animation and hover effects.

Tabs

Place any content in tabs. Tabs can be horizontal and vertical.

Accordion

Place any content in accordion tabs. You can expand the lists one by one, or leave only one open.

Progress bars

The progress tool will be useful for you to designate quantitative indicators in a graphical form, both animated and static scales are available to you.

Tooltips

Often, some parts of the photos need to be marked with a footnote. Choose the location and design of the footnote for a beautiful display.

Masterium allows you to very precisely and easily customize the display of the site on all mobile devices, hide individual content, change the order of content, etc.

Auto-adaptation of content

By default, the added content adapts itself to mobile devices.

Content order

Change the order of the content on the page depending on the width of the screen.

Hiding content

You can hide some content for certain devices or for several at once.

Responsive Editing

For each device, you can style any part of the page so that it will be completely different from the desktop version.

The Product Page Components Widget allows you to create your own unique product card template.

Together with the rest of the widgets, you can turn the page into a completely independent landing page with a unique design and even with its own header and footer!

Compatible with almost all other modules

Most of the third party modules are compatible with Masterium. If the module has a widget interface, then it will automatically become available for placement on the page.

For the convenience of work, you have two editing modes available. Grid mode and backlight mode. The backlight mode is minimalistic and easy to use for quick editing. Grid mode is a full-fledged navigator that shows the entire page structure and all nesting. You can transfer parts with a simple drag&drop.

Additionally, you may need the right panel for quick navigation and control of page blocks.

The appearance of product cards can be customized using advanced options. Select a thumbnail template and allow individual parts of it to be shown. This way you can make your miniatures look unique.

In addition, products can be displayed horizontally. Create a slider from the list and adjust the number of products per line for each screen.

Choose by what kind of sorting to show products, new products, bestsellers, discounts, from specific categories, specific products or to show randomly.

The header consists of special widgets and modernized standard modules that you can place anywhere and style as you like.

In addition, there are ready-made headers available that you can use or change.

The bast part of the header can be made sticky, or even a duplicate header of free form can be created that will be visible when scrolling.

In this case, the sticky part can be both at the top of the page and at the bottom, this allows you to greatly unload the top part by making the interface look like a native application.