=== Marfilo – Visual Page Builder for Landing Pages, Headers, Footers & Mega Menus ===
Contributors: marfilo
Tags: page builder, landing page, theme builder, website builder, drag-and-drop
Requires at least: 6.4
Tested up to: 7.1
Requires PHP: 7.4
Stable tag: 1.0.2
License: GPLv2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html

Visual drag and drop page builder with 95 modules: landing pages, headers, footers, mega menus and 360 viewers, published as fast static HTML.

== Description ==

**Marfilo is a visual drag and drop page builder for WordPress**, for people who want a beautiful site that is also a fast one.

👉 **[See the live demo: marfilo.com](https://marfilo.com)** — that whole site is built with Marfilo, from the header and the mega menu to the last line of the footer.

Drop modules onto the page, see the result straight away, and when you publish, Marfilo turns your design into finished HTML and one stylesheet. That is what visitors get: no page builder running on every visit, no shortcodes buried in your content, no page weighed down by features you never used.

The canvas is not a preview or an approximation. Marfilo loads your actual page, with your theme, your fonts and your spacing, and paints the design inside it. What you drag is what gets published. It is a true visual builder and a WYSIWYG front end editor: you edit the page as your visitors will see it.

Most WordPress page builders send a runtime to every visitor so the page can be assembled in the browser. Marfilo assembles it once, when you press Publish, and stores the result, so your Core Web Vitals do not pay for the editor you used. Headers, footers, sidebars and floating bars are built with those same modules and that same canvas, which makes it a theme builder, a header builder and a footer builder as much as a page builder. Every module can be adjusted for tablet and mobile and styled on hover, without writing a line of CSS.

**All 95 modules ship with the plugin:** no bundle to buy, no pro pack to unlock, nothing held back for a paid tier.

= Why Marfilo =

* **Visual builder, real canvas.** You design on your real page, inside your real theme, not in a sandbox that looks roughly similar.
* **Publishes static HTML and CSS.** The editor stays in the admin. Visitors download finished markup and one stylesheet.
* **Fast by design.** No builder JavaScript on the front end for layout, so Largest Contentful Paint and Total Blocking Time stay low.
* **Page builder + theme builder in one.** Landing pages, headers, footers, sidebars, pop-ups, side panels and mega menus, all on the same canvas.
* **Responsive controls.** Desktop, tablet and mobile values for every module, plus hover styles.
* **No shortcode lock-in.** An optional safety net copies your text, images and links into the page content, so your words stay in WordPress if you ever remove the plugin.
* **95 modules, all free.** Nothing is reserved for a pro version.
* **WooCommerce ready.** Product pages, cart rows, mini cart and checkout pieces.

= Five modules worth the install on their own =

**Post list — design one card, the site fills in the rest.** Instead of picking a layout from a dropdown, you build a single card with whatever modules you like — image, title, date, excerpt, a button — and the site repeats it for every post, page, product or custom post type, filling in each one's own content. It reads custom fields too, so a property listing, a recipe index or a staff directory is laid out the same way as a blog roll. It works as a post grid, a custom post type grid and a loop builder in one. The same idea drives blog templates, category archives and WooCommerce product pages: design it once, every entry uses it.

**Mega menu — a menu that opens a real page.** Menu items can open a wide mega dropdown panel holding several columns of links, headings and a promotional photo, all designed with the usual modules on the usual canvas. It is what a shop with forty categories needs and what a plain dropdown cannot do, and it is built here rather than in a separate mega menu plugin. On mobile it folds into a hamburger menu.

**Before and after — two photos, one handle.** An image comparison slider: drag the divider across to compare a retouch, a renovation, a treatment or a paint job. It works on touch, it needs no configuration beyond the two images, and it is the module that sells a portfolio page on its own.

**360 viewer — a product the visitor spins.** A 360 product viewer for 360 product rotation: feed it a sequence of photos taken around an object, usually 24 or 36, and the visitor spins it by dragging. It can rotate on its own until somebody touches it. For furniture, jewellery, machinery and anything a single photo undersells.

**Photo with hotspots — a picture that explains itself.** Image hotspots on any photo: mark any point of an image and attach a title, a description, a price and a link. Hovering a dot opens its bubble. Used for shoppable images, interior shots, floor plans, diagrams, image maps and product features, and it turns one photo into a small catalogue.

= All 95 modules =

**Structure**

* **Anchor** — Invisible point a button or menu jumps to.
* **Container** — Holds modules in a row or a column.
* **Content carousel** — Turns the modules you put inside into slides.
* **Dot navigation** — Fixed side dots that jump between sections.
* **Logo** — Your logo or site name, linked to home.
* **Mega menu** — Menu items that open a wide multi-column panel.
* **Menu** — Navigation links, hamburger on mobile.
* **Native menu** — Built on the WordPress Menus screen, with sub-menus.

**Basics**

* **Button** — Call to action with icon, sizes and variants.
* **Copyright** — Footer line with a year that updates itself.
* **Double button** — Two buttons and a separator: primary and secondary.
* **Icon** — One icon with size, shape, alignment and link.
* **Label** — A short badge: New, Offer, Best seller.
* **Notice** — Highlighted message with an icon and matching colour.
* **Quote** — A pull quote with its author.
* **Separator** — Dividing line with thickness, style, width and icon.
* **Space** — Air between modules, set per device.
* **Text** — Paragraph with bold, links and lists.
* **Text on a curve** — Words along an arc, wave, circle or diagonal.
* **Title** — Editable heading, h1 to h6, with optional link.

**Content**

* **Benefit** — Icon or image with a title and description.
* **Benefits** — A grid of benefits with icon, title and text.
* **Card that flips** — Front and back, turning over on hover.
* **Chart** — Bar, line, area, pie, doughnut and radar charts.
* **Comparison table** — Plans in columns with ticks and crosses.
* **Content piece** — Comments, categories and post navigation the site draws.
* **Counter** — A figure that counts up when it appears.
* **Event calendar** — Events with date, time and place, by month.
* **Image and text** — Image one side, text the other, with button.
* **Index of the page** — Automatic list of the page headings, linked.
* **List with icons** — Points with an icon on every line.
* **Opening hours** — Days and hours, with today highlighted.
* **Person** — Photo, name, job title and social links.
* **Post list** — One card design repeated for every entry.
* **Price list** — Services or dishes with prices on dotted lines.
* **Progress bars** — Percentage bars that fill when seen.
* **Progress circle** — A percentage drawn inside a circle.
* **Stars** — Star rating with text beside it.
* **Steps** — Process steps, numbered and joined by arrows.
* **Table** — Data table for sizes, specs and comparisons.
* **Testimonial** — One review with photo and star rating.
* **Testimonials** — Several reviews with stars, author and photo.
* **Text that types itself** — Headline whose words type out and rotate.
* **Timeline** — Milestones in order with date, title and text.
* **WordPress shortcode** — Any shortcode, run when the page is served.
* **World clock** — The time in several cities and zones.

**Media**

* **360 viewer** — A product spun by dragging a photo sequence.
* **Animated path** — An icon or SVG that draws itself.
* **Audio** — Player with the browser's own controls.
* **Banner** — Photo with text on top, nine positions.
* **Before and after** — Two photos and a handle you drag.
* **Carousel** — Slides with photo, text and button.
* **Gallery** — Photo grid with lightbox on click.
* **Image** — Photo with ratio, caption, link and hover effects.
* **Image accordion** — Panels that widen on hover and reveal text.
* **Image magnifier** — Zoom lens over the area under the pointer.
* **Image that scrolls** — Tall image scrolling inside its frame on hover.
* **List of videos** — One big video with thumbnails beside it.
* **Lottie animation** — Vector animation: light and sharp at any size.
* **Map** — Google Maps or OpenStreetMap; the address is enough.
* **PDF viewer** — Catalogue or menu embedded, with a download button.
* **Photo with hotspots** — Marked areas with bubbles and links.
* **Sticky video** — Shrinks into a corner and keeps playing.
* **Video** — YouTube, Vimeo or your own file.

**Interactive**

* **Accordion / FAQ** — Questions and answers that open on click.
* **Back to top** — Button that returns to the top.
* **Collapsible** — A block that opens and closes on click.
* **Content switcher** — Two options swapping between two blocks.
* **Interactive circle** — Wheel of icons revealing the point you touch.
* **Open sidebar** — Button that opens the site sidebar.
* **Reading progress** — Thin bar filling as the visitor scrolls.
* **Side panel** — Button opening a sliding panel of modules.
* **Tabs** — Content in tabs, without reloading.

**Marketing**

* **Age verification** — Gate asking whether the visitor is of age.
* **Announcement bar** — Notice strip with link, icon and close.
* **Call to action** — Highlighted box with title, text and button.
* **Contact form** — Configurable form by email, with anti-spam.
* **Countdown** — Clock counting down to a date.
* **Cover (hero)** — Welcome band with title, buttons and background photo.
* **Newsletter** — Email capture with title, field and button.
* **Pop-up window** — Coupon or form: on arrival, scroll or exit.
* **Pricing table** — Plans with price, benefits and one highlighted.
* **Strip of logos** — Client logos in a row, optionally scrolling.
* **Text ribbon** — Phrases scrolling non-stop, like a ticker.
* **WhatsApp button** — Floating button with message and opening hours.

**Shop**

* **Breadcrumbs** — Trail from the home page to the product.
* **Cart rows** — One row design repeated per product. Needs WooCommerce.
* **Guarantees** — Shipping, secure payment and returns in a row.
* **Mini cart** — Cart contents without leaving the page. Needs WooCommerce.
* **Search box** — Field leading to the site's results.
* **Shop piece** — WooCommerce pieces inside your design. Needs WooCommerce.

**Social**

* **Share** — Buttons to share the page or copy its link.
* **Social networks** — Icons linking to your profiles.

**Advanced**

* **Code** — Code block in monospaced type, never executed.
* **HTML** — Your own HTML: widgets, embeds and forms.

= Built for speed and Core Web Vitals =

A page built with Marfilo is compiled once, when you publish. Visitors receive static HTML and a single stylesheet; interactive modules such as tabs, the accordion or the 360 viewer only load their small script on the pages that use them. There is no layout engine to download, no nested wrapper divs generated in the browser and no shortcode parsing on each visit. That is what makes Marfilo a lightweight page builder: the weight stays in the editor, not on your front end.

= Live demo and documentation =

* **Live demo:** [marfilo.com](https://marfilo.com) — every page, header, footer and menu there is made with this plugin.
* **Support:** [WordPress.org support forum](https://wordpress.org/support/plugin/marfilo/)

= External services =

Marfilo never checks for its own updates and calls nothing home on its own. Modules that embed a video, a map or an external file contact whoever hosts them, and only if you place such a module and fill in its address.

**Freemius (api.freemius.com, wp.freemius.com)**

Marfilo uses the Freemius SDK to ask you, once, whether you want to share basic information about your site and whether you want to hear about new releases. Nothing is sent unless an administrator opts in, declining leaves every feature working exactly the same, and the question is not asked again.

If you opt in, this is sent on acceptance and when the plugin is later activated, deactivated or uninstalled: the site address, the name and email address of the administrator who accepted, the WordPress, PHP and Marfilo versions, the site language, and whether the site is a local install. Only for the permissions left ticked on that screen, it also sends the list of active plugins and themes and basic diagnostic data; each can be left off.

Marketing is a separate tick box, "Newsletter", on the same screen: it is what allows news, announcements and marketing about Marfilo and other products from its author, and accepting the opt-in does not grant it. Every email carries an unsubscribe link, and deactivating Marfilo stops anything being sent.

[Freemius privacy policy](https://freemius.com/privacy/) – [Opt-in terms](https://freemius.com/product/opt-in/40000/marfilo/)

== Installation ==

1. In your WordPress admin go to **Plugins → Add New**, search for **Marfilo** and click **Install Now**, then **Activate**.
2. Or upload the `marfilo` folder to `/wp-content/plugins/` and activate it on the **Plugins** screen.
3. Open any page and click **Edit with Marfilo**, or start from one of the included page and section templates.
4. Drag modules onto the canvas, adjust them for desktop, tablet and mobile, and press **Publish**.
5. To build a header, footer, sidebar or mega menu, open **Marfilo → Theme parts** and choose where each part is shown.

== Frequently Asked Questions ==

= Do I need to know how to code? =

No. Everything is done by dragging modules and filling in fields. The Code and HTML modules are there for people who want them, and you never have to open either.

= Does it work with my theme? =

Yes. A page can be served inside your theme, keeping its header and footer, or take over the whole screen and become the design itself. You choose per page.

= Will it slow my site down? =

The opposite is the point. What gets published is plain HTML and one stylesheet, so there is no builder code for the browser to download and run before your page appears.

= Does it work with WooCommerce? =

Yes. Product pages, the cart and the checkout can be laid out with the same modules, and three of them (Mini cart, Cart rows and Shop piece) are built specifically for WooCommerce. The other 92 work with or without a shop.

= What happens to my pages if I remove the plugin? =

Turn on the safety net and each design's text, images and links are copied into the page's own content, so your words stay in WordPress. The styling goes with the plugin, but nothing is lost.

= Can I design my header and footer too? =

Yes, and your sidebars and floating bars as well, with the same modules and the same canvas. Build one and reuse it across the site, or give a single page its own.

= Can I build a mega menu? =

Yes. The Mega menu module turns any menu item into a wide multi-column panel designed on the canvas, with links, headings, images and buttons. On mobile the menu collapses into a hamburger menu.

= Can I make a landing page without my theme's header and footer? =

Yes. Choose the full-screen option for that page and the design becomes the whole page: ideal for landing pages, squeeze pages, sales pages and coming soon pages.

= Is there a 360 product viewer or image hotspots? =

Yes, both are included for free. The 360 viewer spins a sequence of photos by dragging, and Photo with hotspots adds clickable points with a title, text, price and link to any image.

= How do I add curved text or a typing effect? =

Use the Text on a curve module for circular or curved text, and Text that types itself for a typewriter effect with rotating words.

= Does it have an image comparison slider? =

Yes. The Before and after module compares two photos with a draggable handle and works on touch screens.

= Can I show a table of contents or a reading progress bar? =

Yes. Index of the page builds a linked table of contents from your headings, and Reading progress shows a thin bar as the visitor scrolls.

= Is it good for Core Web Vitals? =

Marfilo publishes static HTML and one stylesheet, and interactive modules load their own small script only where they are used, so there is no builder runtime competing with your content for the first paint.

= Is there a live demo? =

Yes: [marfilo.com](https://marfilo.com) is built entirely with Marfilo.

= Is everything really included? =

Yes. All 95 modules ship with this plugin.

= Is the code open? =

Yes, GPL like WordPress itself. The editor's compiled JavaScript and stylesheet in `assets/dist/` are built from the readable source that ships inside the plugin in `editor/src/` — `cd editor && npm install && npm run build` rebuilds them.

= I know a module by another name. Which one is it in Marfilo? =

Different builders call the same thing by different names. If you are looking for one of these, this is the Marfilo module that does it:

* **Curved text / circular text / text path** → Text on a curve: text along an arc, a wave, a full circle or a diagonal.
* **Text rotator / typing effect / typewriter text / animated headline** → Text that types itself.
* **Flip box / flip card** → Card that flips, front and back on hover.
* **Animated counter / number counter / stats counter** → Counter.
* **Skill bar / progress bar** → Progress bars. **Circular progress / progress circle** → Progress circle.
* **Info circle / interactive circle** → Interactive circle.
* **Image comparison slider / before after slider / image compare** → Before and after.
* **Image hotspots / hotspot image / shoppable image / image map** → Photo with hotspots.
* **360 product viewer / 360 spin / product spin / 360 product rotation** → 360 viewer.
* **Image zoom / zoom lens / magnifier** → Image magnifier.
* **Scroll image on hover / scrolling screenshot** → Image that scrolls.
* **Video playlist / video gallery** → List of videos. **Floating video** → Sticky video.
* **Lottie player** → Lottie animation. **SVG line drawing / draw SVG** → Animated path.
* **PDF embed / flipbook alternative** → PDF viewer.
* **Marquee text / news ticker / scrolling text** → Text ribbon. **Logo carousel / client logos** → Strip of logos.
* **Vertical timeline / history timeline** → Timeline. **Process steps / how it works** → Steps.
* **Icon list / check list** → List with icons.
* **Trust badges / guarantee badges** → Guarantees.
* **Business hours / store hours** → Opening hours. **Time zone clock** → World clock.
* **Restaurant menu / services price list** → Price list.
* **Age gate** → Age verification.
* **Notification bar / top bar / floating bar** → Announcement bar.
* **Exit intent popup / coupon popup / popup builder** → Pop-up window.
* **Off canvas menu / slide-out panel** → Side panel.
* **One page navigation / scroll navigation** → Dot navigation and Anchor.
* **Pricing toggle / monthly-yearly switch** → Content switcher.
* **Table of contents** → Index of the page.
* **Click to chat** → WhatsApp button.

= What can I build with Marfilo? =

**Landing pages and sales pages.** A hero cover with a background photo, a countdown timer to a launch, a pricing table with one plan highlighted, a comparison table of plans, testimonials with star ratings, a FAQ accordion, a newsletter signup block and a call to action. Marfilo is a landing page builder, a sales page builder and a squeeze page builder, and every one of those pieces is a module you drag, not a template you fight. Launch pages, lead capture pages, webinar pages and coming soon pages are built the same way.

**Headers, footers and navigation.** A header builder and a footer builder in the same tool: logo, navigation menu with a mobile hamburger menu, mega menu, search box, mini cart, announcement bar above it all, and a sticky header that follows the scroll. Plus sidebars, slide-out side panels, an off canvas menu, a floating WhatsApp button, a back to top button and a reading progress bar. Build one header and reuse it sitewide, or give one landing page a stripped header of its own.

**Online shops.** A WooCommerce page builder for product pages, cart and checkout: the checkout comes apart into billing, shipping, order summary, payment and coupon so you can lay it out instead of accepting the default form. Design one cart row and the site repeats it per product. Add a mini cart that updates without a reload, breadcrumbs, trust badges, a shoppable image with hotspots, a 360 product viewer and an image magnifier for fabric and detail shots.

**Blogs, magazines and portfolios.** A post grid and post list builder that reads any custom post type and any custom field, with a table of contents built from the page headings, a reading progress bar, related content, comments, next and previous links, and share buttons. For portfolios: an image gallery with lightbox, an image accordion, a before and after slider, a Lottie animation player, an animated SVG path that draws itself and an image that scrolls inside its frame.

**Local business sites.** Opening hours with today highlighted, a price list for a restaurant menu or a salon, an event calendar grouped by month, a Google Maps or OpenStreetMap map, a contact form delivered by email with anti-spam, a team section with photos and social links, a world clock for several time zones and an age verification gate for alcohol and tobacco shops.

**Real estate, interiors and products.** Photos with hotspots for floor plans and room details, a 360 viewer for furniture and products, a before and after slider for renovations, a post list that reads property custom fields, and a PDF viewer for brochures and catalogues.

= I am coming from another builder. What changes? =

If you have used another drag and drop builder, the canvas will feel familiar: sections, rows, columns and modules, drag and drop, responsive controls per device and hover styling. The difference is what leaves the editor. Marfilo is a no-code website builder that publishes static HTML and CSS instead of shipping a page builder runtime to every visitor. It is also a Gutenberg alternative for whole-page layout, a WYSIWYG front end editor, and a drag and drop website builder that does not lock your content behind shortcodes: remove the plugin and an optional safety net leaves your text, images and links in WordPress.

== Screenshots ==

1. The visual canvas: drag modules onto your real page, inside your own theme.
2. The module library with all 95 modules, grouped by category.
3. A landing page with hero cover, countdown, pricing table and testimonials.
4. Header builder with logo, mega menu, search box and mini cart.
5. Mega menu panel with columns of links and a promotional image.
6. Responsive controls: the same design adjusted for tablet and mobile.
7. The 360 product viewer and Photo with hotspots on a product page.
8. Before and after image comparison slider.
9. Post list: one card design repeated for every post or custom post type.
10. WooCommerce checkout split into billing, shipping, summary and payment.

== Changelog ==

= 1.0.2 =
* Template and theme previews now use the same renderer and styles as published desktop pages, scale to the available space, and preserve the page's real proportions.
* Readme: expanded description, clickable live demo link, installation steps, more FAQ and screenshot captions.

= 1.0.1 =
* The page and section templates now ship entirely in English: about a hundred buttons, labels, table headings and captions were still in Spanish.

= 1.0.0 =
* Initial release.
