FireFly is a multi-purpose, Web Builder Framework which combines different tools and features with the goal to help you to create HTML page without any knowledge of coding. It's a perfect solution to replace the common WYSIWYG editors, which are good for content editing but inappropriate for creating HTML structures.
FireFly comes with a set of built-in blocks, in this way you're able to build your templates faster. If the default set is not enough you can always add your own custom blocks.
FireFly implements simple and powerful Style Manager module which enables independent styling of any component inside the canvas. It's also possible to configure it to use any of the CSS properties
Responsive by Nature
All blocks are made with the responsivity in mind, so you'll think less about it Change, adapt and preview easily your designs on tablets and mobile directly on devices or in the editor.
The structure always under control
You can nest components as much as you can but when the structure begins to grow the Layer Manager comes very handy. It allows you to manage and rearrange your elements extremely faster, focusing always on the architecture of your structure.
You can never get away from code
You don't have to care about the code, but it's always there, available for you. When the work is done you can grab and use it wherever you want. Developers could also implement their own storage interfaces to use inside the editor.
With the Asset Manager is easier to organize your media files and it's enough to double click on the image to change it
Just Design and Publish
Choose from basic elements or built-in blocks, drag and drop them inside the canvas, style them as you want, and it's done. There is no need to download, install or upgrade, we handle everything so you can focus on your content
Ton of free and beautiful images provided by Unsplash, the world’s most generous community of photographers
With 30+ built-in blocks it's easy to build projects in minutes even from a completely blank canvas
Create highly engaging contents by embedding videos from YouTube and Vimeo
Layers panel allows you to manage and rearrange your elements extremely faster, focusing always on the design of your project
Choose from hundreds of original typography from the popular Google's library and make your web design unique
Customize meta data of your project to gain more traffic and look gorgeous on social networks
Get the full export of your project at any moment and host it wherever you want
Extend easily functionality by dropping in custom codes from any kind of services
The download folder have two folders inside it - nopCommerce3.9 and nopCommerce4.1. Inside these folders, please locate another folder - "CartMaster.FireFly", copy it to the home directory of Plugins inside your Nop site. Click 'Reload list of plugins' button on 'Local plugins' page. Locate Firefly plugin in the list and click on the install button. Please refer to the below image for graphical representation. Now, you are ready to create any Nop page.
Please click on the Configure button of Firefly plugin to get started.
Please make sure Firefly widget is enabled.
Please select a designer.
Your Newsletter designer page should look like below. Select the template that you like to modify and start designing.
Your Webpage designer page should look like below. Select the Widget Zone that you like to modify and let your inner designer come out.
1. Newsletter management (Released on 19th Feb. 2019)
2. Nop 4.1 compatibility (Released on 24th Feb. 2019)
3. Asset Management - image editing, integration with products
4. Complete Theme Management - Creation from scratch and editing (product pages, workflows, checkout, landing pages) (Next feature in pipeline)
5. A\B Testing
6. Custom file store for Asset Management