{"id":365054,"date":"2026-09-23T20:00:17","date_gmt":"2026-09-23T20:00:17","guid":{"rendered":"https:\/\/wordpress.org\/plugins\/kiln-builder\/"},"modified":"2026-09-25T20:50:10","modified_gmt":"2026-09-25T20:50:10","slug":"marfilo","status":"publish","type":"plugin","link":"https:\/\/mfe.wordpress.org\/plugins\/marfilo\/","author":23570002,"comment_status":"closed","ping_status":"closed","template":"","meta":{"version":"1.0.4","stable_tag":"1.0.4","tested":"7.1.2","requires":"6.4","requires_php":"7.4","requires_plugins":null,"header_name":"Marfilo \u2013 Visual Page Builder for Landing Pages, Headers, Footers & Mega Menus","header_author":"marfilo","header_description":"Visual builder for pages, headers, footers and bars. Publishing bakes the design into finished HTML and one stylesheet, stored with the page and served as-is: no shortcodes left in your content and no builder runtime loaded on every visit. Modules are written ONCE in React, so the editor paints exactly what gets published \u2014 no Node on the server and no second implementation in PHP. An optional safety net copies each design's markup into the page's own content, so the words, images and links stay in WordPress if the plugin is ever removed (the stylesheet does not travel with that copy; see the FAQ in readme.txt for what keeps working and what does not).","assets_banners_color":"6a6364","last_updated":"2026-09-25 20:50:10","external_support_url":"","external_repository_url":"","donate_link":"","header_plugin_uri":"","header_author_uri":"","rating":0,"author_block_rating":0,"active_installs":0,"downloads":286,"num_ratings":0,"support_threads":0,"support_threads_resolved":0,"author_block_count":0,"sections":["description","installation","faq","changelog"],"tags":{"1.0.0":{"tag":"1.0.0","author":"marfilo","date":"2026-09-24 02:02:26","revision":3710385},"1.0.1":{"tag":"1.0.1","author":"marfilo","date":"2026-09-24 02:54:40","revision":3710415},"1.0.2":{"tag":"1.0.2","author":"marfilo","date":"2026-09-24 14:17:53","revision":3711477},"1.0.3":{"tag":"1.0.3","author":"marfilo","date":"2026-09-25 01:19:32","revision":3712217},"1.0.4":{"tag":"1.0.4","author":"marfilo","date":"2026-09-25 20:50:10","revision":3713564}},"upgrade_notice":[],"ratings":[],"assets_icons":{"icon-128x128.png":{"filename":"icon-128x128.png","revision":3710184,"resolution":"128x128","location":"assets","locale":"","width":128,"height":128},"icon-256x256.png":{"filename":"icon-256x256.png","revision":3710184,"resolution":"256x256","location":"assets","locale":"","width":256,"height":256}},"assets_banners":{"banner-1544x500.png":{"filename":"banner-1544x500.png","revision":3710184,"resolution":"1544x500","location":"assets","locale":"","width":1544,"height":500},"banner-772x250.png":{"filename":"banner-772x250.png","revision":3710184,"resolution":"772x250","location":"assets","locale":"","width":772,"height":250}},"assets_blueprints":{},"all_blocks":[],"tagged_versions":["1.0.0","1.0.1","1.0.2","1.0.3","1.0.4"],"block_files":[],"assets_screenshots":[],"screenshots":{"1":"The visual canvas: drag modules onto your real page, inside your own theme.","2":"The module library with all 100+ 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."}},"plugin_section":[],"plugin_tags":[3938,808,1084,139733,10452],"plugin_category":[],"plugin_contributors":[282348],"plugin_business_model":[],"class_list":["post-365054","plugin","type-plugin","status-publish","hentry","plugin_tags-drag-and-drop","plugin_tags-landing-page","plugin_tags-page-builder","plugin_tags-theme-builder","plugin_tags-website-builder","plugin_contributors-marfilo","plugin_committers-marfilo"],"banners":{"banner":"https:\/\/ps.w.org\/marfilo\/assets\/banner-772x250.png?rev=3710184","banner_2x":"https:\/\/ps.w.org\/marfilo\/assets\/banner-1544x500.png?rev=3710184","banner_rtl":false,"banner_2x_rtl":false},"icons":{"svg":false,"icon":"https:\/\/ps.w.org\/marfilo\/assets\/icon-128x128.png?rev=3710184","icon_2x":"https:\/\/ps.w.org\/marfilo\/assets\/icon-256x256.png?rev=3710184","generated":false},"screenshots":[],"raw_content":"<!--section=description-->\n<p><strong>Marfilo is a visual drag and drop page builder for WordPress<\/strong>, for people who want a beautiful site that is also a fast one.<\/p>\n\n<p>\ud83d\udc49 <strong>See the live demos<\/strong>, each one built entirely with Marfilo, from the header and the mega menu to the last line of the footer:<\/p>\n\n<ul>\n<li><strong>Demo 1:<\/strong> <a href=\"https:\/\/marfilo.com\/mochi\/\">marfilo.com\/mochi<\/a> \u2014 Mochi, a playful neo-brutalist page.<\/li>\n<li><strong>Demo 2:<\/strong> <a href=\"https:\/\/marfilo.com\/vektor\/\">marfilo.com\/vektor<\/a> \u2014 Vektor, a dark tech launch.<\/li>\n<li><strong>Demo 3:<\/strong> <a href=\"https:\/\/marfilo.com\/showcase\/\">marfilo.com\/showcase<\/a> \u2014 Showcase, a warm editorial page.<\/li>\n<\/ul>\n\n<p>Drop modules onto the page, see the result straight away, and when you publish, Marfilo turns your design into finished HTML, one stylesheet and one small script for the interactive modules. That is what visitors get: no editor running on every visit, no shortcodes buried in your content, no page weighed down by features you never used.<\/p>\n\n<p>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.<\/p>\n\n<p>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.<\/p>\n\n<p><strong>All 100+ modules ship with the plugin:<\/strong> no bundle to buy, no pro pack to unlock, nothing held back for a paid tier.<\/p>\n\n<h4>Why Marfilo<\/h4>\n\n<ul>\n<li><strong>Visual builder, real canvas.<\/strong> You design on your real page, inside your real theme, not in a sandbox that looks roughly similar.<\/li>\n<li><strong>Publishes static HTML and CSS.<\/strong> The editor stays in the admin. Visitors download finished markup and one stylesheet.<\/li>\n<li><strong>Fast by design.<\/strong> No builder JavaScript on the front end for layout, so Largest Contentful Paint and Total Blocking Time stay low.<\/li>\n<li><strong>Page builder + theme builder in one.<\/strong> Landing pages, headers, footers, sidebars, pop-ups, side panels and mega menus, all on the same canvas.<\/li>\n<li><strong>Responsive controls.<\/strong> Desktop, tablet and mobile values for every module, plus hover styles.<\/li>\n<li><strong>No shortcode lock-in.<\/strong> 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.<\/li>\n<li><strong>100+ modules, all free.<\/strong> Nothing is reserved for a pro version.<\/li>\n<li><strong>WooCommerce ready.<\/strong> Product pages, cart rows, mini cart and checkout pieces.<\/li>\n<\/ul>\n\n<h4>Five modules worth the install on their own<\/h4>\n\n<p><strong>Post list \u2014 design one card, the site fills in the rest.<\/strong> Instead of picking a layout from a dropdown, you build a single card with whatever modules you like \u2014 image, title, date, excerpt, a button \u2014 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.<\/p>\n\n<p><strong>Mega menu \u2014 a menu that opens a real page.<\/strong> 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.<\/p>\n\n<p><strong>Before and after \u2014 two photos, one handle.<\/strong> 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.<\/p>\n\n<p><strong>360 viewer \u2014 a product the visitor spins.<\/strong> 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.<\/p>\n\n<p><strong>Photo with hotspots \u2014 a picture that explains itself.<\/strong> 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.<\/p>\n\n<h4>100+ modules<\/h4>\n\n<p><strong>Structure<\/strong><\/p>\n\n<ul>\n<li><strong>Anchor<\/strong> \u2014 Invisible point a button or menu jumps to.<\/li>\n<li><strong>Container<\/strong> \u2014 Holds modules in a row or a column.<\/li>\n<li><strong>Content carousel<\/strong> \u2014 Turns the modules you put inside into slides.<\/li>\n<li><strong>Dot navigation<\/strong> \u2014 Fixed side dots that jump between sections.<\/li>\n<li><strong>Logo<\/strong> \u2014 Your logo or site name, linked to home.<\/li>\n<li><strong>Mega menu<\/strong> \u2014 Menu items that open a wide multi-column panel.<\/li>\n<li><strong>Menu<\/strong> \u2014 Navigation links, hamburger on mobile.<\/li>\n<li><strong>Native menu<\/strong> \u2014 Built on the WordPress Menus screen, with sub-menus.<\/li>\n<\/ul>\n\n<p><strong>Basics<\/strong><\/p>\n\n<ul>\n<li><strong>Button<\/strong> \u2014 Call to action with icon, sizes and variants.<\/li>\n<li><strong>Copyright<\/strong> \u2014 Footer line with a year that updates itself.<\/li>\n<li><strong>Double button<\/strong> \u2014 Two buttons and a separator: primary and secondary.<\/li>\n<li><strong>Icon<\/strong> \u2014 One icon with size, shape, alignment and link.<\/li>\n<li><strong>Label<\/strong> \u2014 A short badge: New, Offer, Best seller.<\/li>\n<li><strong>Notice<\/strong> \u2014 Highlighted message with an icon and matching colour.<\/li>\n<li><strong>Quote<\/strong> \u2014 A pull quote with its author.<\/li>\n<li><strong>Separator<\/strong> \u2014 Dividing line with thickness, style, width and icon.<\/li>\n<li><strong>Space<\/strong> \u2014 Air between modules, set per device.<\/li>\n<li><strong>Text<\/strong> \u2014 Paragraph with bold, links and lists.<\/li>\n<li><strong>Text on a curve<\/strong> \u2014 Words along an arc, wave, circle or diagonal.<\/li>\n<li><strong>Title<\/strong> \u2014 Editable heading, h1 to h6, with optional link.<\/li>\n<li><strong>Animated gradient text<\/strong> \u2014 Headline filled with a slowly flowing gradient.<\/li>\n<li><strong>Block reveal text<\/strong> \u2014 Headline uncovered by a sweeping block of colour.<\/li>\n<li><strong>Glitch text<\/strong> \u2014 Headline that flickers like a broken video signal.<\/li>\n<li><strong>Image-filled text<\/strong> \u2014 Big letters filled with a photo that can drift.<\/li>\n<li><strong>Shape<\/strong> \u2014 Decorative circle, blob, dots, wave or squiggle.<\/li>\n<li><strong>Shuffle letters<\/strong> \u2014 Letters that scramble and settle into place.<\/li>\n<\/ul>\n\n<p><strong>Content<\/strong><\/p>\n\n<ul>\n<li><strong>Benefit<\/strong> \u2014 Icon or image with a title and description.<\/li>\n<li><strong>Benefits<\/strong> \u2014 A grid of benefits with icon, title and text.<\/li>\n<li><strong>Card that flips<\/strong> \u2014 Front and back, turning over on hover.<\/li>\n<li><strong>Chart<\/strong> \u2014 Bar, line, area, pie, doughnut and radar charts.<\/li>\n<li><strong>Comparison table<\/strong> \u2014 Plans in columns with ticks and crosses.<\/li>\n<li><strong>Content piece<\/strong> \u2014 Comments, categories and post navigation the site draws.<\/li>\n<li><strong>Counter<\/strong> \u2014 A figure that counts up when it appears.<\/li>\n<li><strong>Event calendar<\/strong> \u2014 Events with date, time and place, by month.<\/li>\n<li><strong>Image and text<\/strong> \u2014 Image one side, text the other, with button.<\/li>\n<li><strong>Index of the page<\/strong> \u2014 Automatic list of the page headings, linked.<\/li>\n<li><strong>List with icons<\/strong> \u2014 Points with an icon on every line.<\/li>\n<li><strong>Opening hours<\/strong> \u2014 Days and hours, with today highlighted.<\/li>\n<li><strong>Person<\/strong> \u2014 Photo, name, job title and social links.<\/li>\n<li><strong>Post list<\/strong> \u2014 One card design repeated for every entry.<\/li>\n<li><strong>Price list<\/strong> \u2014 Services or dishes with prices on dotted lines.<\/li>\n<li><strong>Progress bars<\/strong> \u2014 Percentage bars that fill when seen.<\/li>\n<li><strong>Progress circle<\/strong> \u2014 A percentage drawn inside a circle.<\/li>\n<li><strong>Stars<\/strong> \u2014 Star rating with text beside it.<\/li>\n<li><strong>Steps<\/strong> \u2014 Process steps, numbered and joined by arrows.<\/li>\n<li><strong>Table<\/strong> \u2014 Data table for sizes, specs and comparisons.<\/li>\n<li><strong>Testimonial<\/strong> \u2014 One review with photo and star rating.<\/li>\n<li><strong>Testimonials<\/strong> \u2014 Several reviews with stars, author and photo.<\/li>\n<li><strong>Text that types itself<\/strong> \u2014 Headline whose words type out and rotate.<\/li>\n<li><strong>Timeline<\/strong> \u2014 Milestones in order with date, title and text.<\/li>\n<li><strong>WordPress shortcode<\/strong> \u2014 Any shortcode, run when the page is served.<\/li>\n<li><strong>World clock<\/strong> \u2014 The time in several cities and zones.<\/li>\n<\/ul>\n\n<p><strong>Media<\/strong><\/p>\n\n<ul>\n<li><strong>360 viewer<\/strong> \u2014 A product spun by dragging a photo sequence.<\/li>\n<li><strong>Animated path<\/strong> \u2014 An icon or SVG that draws itself.<\/li>\n<li><strong>Audio<\/strong> \u2014 Player with the browser's own controls.<\/li>\n<li><strong>Banner<\/strong> \u2014 Photo with text on top, nine positions.<\/li>\n<li><strong>Before and after<\/strong> \u2014 Two photos and a handle you drag.<\/li>\n<li><strong>Blob shape image<\/strong> \u2014 Photo cut into an organic, slowly morphing blob.<\/li>\n<li><strong>Block reveal image<\/strong> \u2014 Photo uncovered by a sweeping block of colour.<\/li>\n<li><strong>Carousel<\/strong> \u2014 Slides with photo, text and button.<\/li>\n<li><strong>Floating images<\/strong> \u2014 Images placed freely, each floating at its own pace.<\/li>\n<li><strong>Gallery<\/strong> \u2014 Photo grid with lightbox on click.<\/li>\n<li><strong>Image<\/strong> \u2014 Photo with ratio, caption, link and hover effects.<\/li>\n<li><strong>Image accordion<\/strong> \u2014 Panels that widen on hover and reveal text.<\/li>\n<li><strong>Image hover reveal<\/strong> \u2014 Big links whose photo follows the pointer.<\/li>\n<li><strong>Image magnifier<\/strong> \u2014 Zoom lens over the area under the pointer.<\/li>\n<li><strong>Image that scrolls<\/strong> \u2014 Tall image scrolling inside its frame on hover.<\/li>\n<li><strong>List of videos<\/strong> \u2014 One big video with thumbnails beside it.<\/li>\n<li><strong>Lottie animation<\/strong> \u2014 Vector animation: light and sharp at any size.<\/li>\n<li><strong>Map<\/strong> \u2014 Google Maps or OpenStreetMap; the address is enough.<\/li>\n<li><strong>PDF viewer<\/strong> \u2014 Catalogue or menu embedded, with a download button.<\/li>\n<li><strong>Photo with hotspots<\/strong> \u2014 Marked areas with bubbles and links.<\/li>\n<li><strong>Random image<\/strong> \u2014 A different image from a list on every visit.<\/li>\n<li><strong>Sticky video<\/strong> \u2014 Shrinks into a corner and keeps playing.<\/li>\n<li><strong>Tilt image<\/strong> \u2014 Photo tilting in 3D with the mouse, with glare.<\/li>\n<li><strong>Video<\/strong> \u2014 YouTube, Vimeo or your own file.<\/li>\n<\/ul>\n\n<p><strong>Interactive<\/strong><\/p>\n\n<ul>\n<li><strong>Accordion \/ FAQ<\/strong> \u2014 Questions and answers that open on click.<\/li>\n<li><strong>Back to top<\/strong> \u2014 Button that returns to the top.<\/li>\n<li><strong>Collapsible<\/strong> \u2014 A block that opens and closes on click.<\/li>\n<li><strong>Content switcher<\/strong> \u2014 Two options swapping between two blocks.<\/li>\n<li><strong>Interactive circle<\/strong> \u2014 Wheel of icons revealing the point you touch.<\/li>\n<li><strong>Open sidebar<\/strong> \u2014 Button that opens the site sidebar.<\/li>\n<li><strong>Reading progress<\/strong> \u2014 Thin bar filling as the visitor scrolls.<\/li>\n<li><strong>Side panel<\/strong> \u2014 Button opening a sliding panel of modules.<\/li>\n<li><strong>Tabs<\/strong> \u2014 Content in tabs, without reloading.<\/li>\n<\/ul>\n\n<p><strong>Marketing<\/strong><\/p>\n\n<ul>\n<li><strong>Age verification<\/strong> \u2014 Gate asking whether the visitor is of age.<\/li>\n<li><strong>Announcement bar<\/strong> \u2014 Notice strip with link, icon and close.<\/li>\n<li><strong>Call to action<\/strong> \u2014 Highlighted box with title, text and button.<\/li>\n<li><strong>Contact form<\/strong> \u2014 Configurable form by email, with anti-spam.<\/li>\n<li><strong>Countdown<\/strong> \u2014 Clock counting down to a date.<\/li>\n<li><strong>Cover (hero)<\/strong> \u2014 Welcome band with title, buttons and background photo.<\/li>\n<li><strong>Newsletter<\/strong> \u2014 Email capture with title, field and button.<\/li>\n<li><strong>Pop-up window<\/strong> \u2014 Coupon or form: on arrival, scroll or exit.<\/li>\n<li><strong>Pricing table<\/strong> \u2014 Plans with price, benefits and one highlighted.<\/li>\n<li><strong>Strip of logos<\/strong> \u2014 Client logos in a row, optionally scrolling.<\/li>\n<li><strong>Text ribbon<\/strong> \u2014 Phrases scrolling non-stop, like a ticker.<\/li>\n<li><strong>WhatsApp button<\/strong> \u2014 Floating button with message and opening hours.<\/li>\n<\/ul>\n\n<p><strong>Shop<\/strong><\/p>\n\n<ul>\n<li><strong>Breadcrumbs<\/strong> \u2014 Trail from the home page to the product.<\/li>\n<li><strong>Cart rows<\/strong> \u2014 One row design repeated per product. Needs WooCommerce.<\/li>\n<li><strong>Guarantees<\/strong> \u2014 Shipping, secure payment and returns in a row.<\/li>\n<li><strong>Mini cart<\/strong> \u2014 Cart contents without leaving the page. Needs WooCommerce.<\/li>\n<li><strong>Search box<\/strong> \u2014 Field leading to the site's results.<\/li>\n<li><strong>Shop piece<\/strong> \u2014 WooCommerce pieces inside your design. Needs WooCommerce.<\/li>\n<\/ul>\n\n<p><strong>Social<\/strong><\/p>\n\n<ul>\n<li><strong>Share<\/strong> \u2014 Buttons to share the page or copy its link.<\/li>\n<li><strong>Social networks<\/strong> \u2014 Icons linking to your profiles.<\/li>\n<\/ul>\n\n<p><strong>Advanced<\/strong><\/p>\n\n<ul>\n<li><strong>Code<\/strong> \u2014 Code block in monospaced type, never executed.<\/li>\n<li><strong>HTML<\/strong> \u2014 Your own HTML: widgets, embeds and forms.<\/li>\n<\/ul>\n\n<p><strong>\u2026and much more.<\/strong><\/p>\n\n<h4>Built for speed and Core Web Vitals<\/h4>\n\n<p>A page built with Marfilo is compiled once, when you publish. Visitors receive static HTML, a single stylesheet and one small script that wakes interactive modules such as tabs, the accordion or the 360 viewer only where they appear. 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.<\/p>\n\n<h4>Live demos and documentation<\/h4>\n\n<ul>\n<li><strong>Demo 1:<\/strong> <a href=\"https:\/\/marfilo.com\/mochi\/\">marfilo.com\/mochi<\/a> \u2014 every page, header, footer and menu in the demos is made with this plugin.<\/li>\n<li><strong>Demo 2:<\/strong> <a href=\"https:\/\/marfilo.com\/vektor\/\">marfilo.com\/vektor<\/a><\/li>\n<li><strong>Demo 3:<\/strong> <a href=\"https:\/\/marfilo.com\/showcase\/\">marfilo.com\/showcase<\/a><\/li>\n<li><strong>Support:<\/strong> <a href=\"https:\/\/wordpress.org\/support\/plugin\/marfilo\/\">WordPress.org support forum<\/a><\/li>\n<\/ul>\n\n<h4>External services<\/h4>\n\n<p>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.<\/p>\n\n<p><strong>Freemius (api.freemius.com, wp.freemius.com)<\/strong><\/p>\n\n<p>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.<\/p>\n\n<p>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.<\/p>\n\n<p>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.<\/p>\n\n<p><a href=\"https:\/\/freemius.com\/privacy\/\">Freemius privacy policy<\/a> \u2013 <a href=\"https:\/\/freemius.com\/product\/opt-in\/40000\/marfilo\/\">Opt-in terms<\/a><\/p>\n\n<!--section=installation-->\n<ol>\n<li>In your WordPress admin go to <strong>Plugins \u2192 Add New<\/strong>, search for <strong>Marfilo<\/strong> and click <strong>Install Now<\/strong>, then <strong>Activate<\/strong>.<\/li>\n<li>Or upload the <code>marfilo<\/code> folder to <code>\/wp-content\/plugins\/<\/code> and activate it on the <strong>Plugins<\/strong> screen.<\/li>\n<li>Open any page and click <strong>Edit with Marfilo<\/strong>, or start from one of the included page and section templates.<\/li>\n<li>Drag modules onto the canvas, adjust them for desktop, tablet and mobile, and press <strong>Publish<\/strong>.<\/li>\n<li>To build a header, footer, sidebar or mega menu, open <strong>Marfilo \u2192 Where things show<\/strong> and choose where each part is shown.<\/li>\n<\/ol>\n\n<!--section=faq-->\n<dl>\n<dt id=\"do%20i%20need%20to%20know%20how%20to%20code%3F\"><h3>Do I need to know how to code?<\/h3><\/dt>\n<dd><p>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.<\/p><\/dd>\n<dt id=\"does%20it%20work%20with%20my%20theme%3F\"><h3>Does it work with my theme?<\/h3><\/dt>\n<dd><p>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.<\/p><\/dd>\n<dt id=\"will%20it%20slow%20my%20site%20down%3F\"><h3>Will it slow my site down?<\/h3><\/dt>\n<dd><p>The opposite is the point. What gets published is plain HTML, one stylesheet and one small script (about 125 KB, cached) that wakes the interactive modules. The editor never reaches the visitor, so there is no layout engine to download and run before your page appears.<\/p><\/dd>\n<dt id=\"does%20it%20work%20with%20woocommerce%3F\"><h3>Does it work with WooCommerce?<\/h3><\/dt>\n<dd><p>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. All the others work with or without a shop.<\/p><\/dd>\n<dt id=\"what%20happens%20to%20my%20pages%20if%20i%20remove%20the%20plugin%3F\"><h3>What happens to my pages if I remove the plugin?<\/h3><\/dt>\n<dd><p>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.<\/p><\/dd>\n<dt id=\"can%20i%20design%20my%20header%20and%20footer%20too%3F\"><h3>Can I design my header and footer too?<\/h3><\/dt>\n<dd><p>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.<\/p><\/dd>\n<dt id=\"can%20i%20build%20a%20mega%20menu%3F\"><h3>Can I build a mega menu?<\/h3><\/dt>\n<dd><p>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.<\/p><\/dd>\n<dt id=\"can%20i%20make%20a%20landing%20page%20without%20my%20theme%27s%20header%20and%20footer%3F\"><h3>Can I make a landing page without my theme's header and footer?<\/h3><\/dt>\n<dd><p>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.<\/p><\/dd>\n<dt id=\"is%20there%20a%20360%20product%20viewer%20or%20image%20hotspots%3F\"><h3>Is there a 360 product viewer or image hotspots?<\/h3><\/dt>\n<dd><p>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.<\/p><\/dd>\n<dt id=\"how%20do%20i%20add%20curved%20text%20or%20a%20typing%20effect%3F\"><h3>How do I add curved text or a typing effect?<\/h3><\/dt>\n<dd><p>Use the Text on a curve module for circular or curved text, and Text that types itself for a typewriter effect with rotating words.<\/p><\/dd>\n<dt id=\"does%20it%20have%20an%20image%20comparison%20slider%3F\"><h3>Does it have an image comparison slider?<\/h3><\/dt>\n<dd><p>Yes. The Before and after module compares two photos with a draggable handle and works on touch screens.<\/p><\/dd>\n<dt id=\"can%20i%20show%20a%20table%20of%20contents%20or%20a%20reading%20progress%20bar%3F\"><h3>Can I show a table of contents or a reading progress bar?<\/h3><\/dt>\n<dd><p>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.<\/p><\/dd>\n<dt id=\"is%20it%20good%20for%20core%20web%20vitals%3F\"><h3>Is it good for Core Web Vitals?<\/h3><\/dt>\n<dd><p>Marfilo publishes static HTML and one stylesheet, plus one small script that only wakes the interactive modules on the page, so there is no builder runtime competing with your content for the first paint.<\/p><\/dd>\n<dt id=\"is%20there%20a%20live%20demo%3F\"><h3>Is there a live demo?<\/h3><\/dt>\n<dd><p>Yes, three, each one built entirely with Marfilo: demo 1 <a href=\"https:\/\/marfilo.com\/mochi\/\">marfilo.com\/mochi<\/a>, demo 2 <a href=\"https:\/\/marfilo.com\/vektor\/\">marfilo.com\/vektor<\/a> and demo 3 <a href=\"https:\/\/marfilo.com\/showcase\/\">marfilo.com\/showcase<\/a>.<\/p><\/dd>\n<dt id=\"is%20everything%20really%20included%3F\"><h3>Is everything really included?<\/h3><\/dt>\n<dd><p>Yes. All 100+ modules ship with this plugin.<\/p><\/dd>\n<dt id=\"is%20the%20code%20open%3F\"><h3>Is the code open?<\/h3><\/dt>\n<dd><p>Yes, GPL like WordPress itself. The editor's compiled JavaScript and stylesheet in <code>assets\/dist\/<\/code> are built from the readable source that ships inside the plugin in <code>editor\/src\/<\/code> \u2014 <code>cd editor &amp;&amp; npm install &amp;&amp; npm run build<\/code> rebuilds them.<\/p><\/dd>\n<dt id=\"i%20know%20a%20module%20by%20another%20name.%20which%20one%20is%20it%20in%20marfilo%3F\"><h3>I know a module by another name. Which one is it in Marfilo?<\/h3><\/dt>\n<dd><p>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:<\/p>\n\n<ul>\n<li><strong>Curved text \/ circular text \/ text path<\/strong> \u2192 Text on a curve: text along an arc, a wave, a full circle or a diagonal.<\/li>\n<li><strong>Text rotator \/ typing effect \/ typewriter text \/ animated headline<\/strong> \u2192 Text that types itself.<\/li>\n<li><strong>Flip box \/ flip card<\/strong> \u2192 Card that flips, front and back on hover.<\/li>\n<li><strong>Animated counter \/ number counter \/ stats counter<\/strong> \u2192 Counter.<\/li>\n<li><strong>Skill bar \/ progress bar<\/strong> \u2192 Progress bars. <strong>Circular progress \/ progress circle<\/strong> \u2192 Progress circle.<\/li>\n<li><strong>Info circle \/ interactive circle<\/strong> \u2192 Interactive circle.<\/li>\n<li><strong>Image comparison slider \/ before after slider \/ image compare<\/strong> \u2192 Before and after.<\/li>\n<li><strong>Image hotspots \/ hotspot image \/ shoppable image \/ image map<\/strong> \u2192 Photo with hotspots.<\/li>\n<li><strong>360 product viewer \/ 360 spin \/ product spin \/ 360 product rotation<\/strong> \u2192 360 viewer.<\/li>\n<li><strong>Image zoom \/ zoom lens \/ magnifier<\/strong> \u2192 Image magnifier.<\/li>\n<li><strong>Scroll image on hover \/ scrolling screenshot<\/strong> \u2192 Image that scrolls.<\/li>\n<li><strong>Video playlist \/ video gallery<\/strong> \u2192 List of videos. <strong>Floating video<\/strong> \u2192 Sticky video.<\/li>\n<li><strong>Lottie player<\/strong> \u2192 Lottie animation. <strong>SVG line drawing \/ draw SVG<\/strong> \u2192 Animated path.<\/li>\n<li><strong>PDF embed \/ flipbook alternative<\/strong> \u2192 PDF viewer.<\/li>\n<li><strong>Marquee text \/ news ticker \/ scrolling text<\/strong> \u2192 Text ribbon. <strong>Logo carousel \/ client logos<\/strong> \u2192 Strip of logos.<\/li>\n<li><strong>Vertical timeline \/ history timeline<\/strong> \u2192 Timeline. <strong>Process steps \/ how it works<\/strong> \u2192 Steps.<\/li>\n<li><strong>Icon list \/ check list<\/strong> \u2192 List with icons.<\/li>\n<li><strong>Trust badges \/ guarantee badges<\/strong> \u2192 Guarantees.<\/li>\n<li><strong>Business hours \/ store hours<\/strong> \u2192 Opening hours. <strong>Time zone clock<\/strong> \u2192 World clock.<\/li>\n<li><strong>Restaurant menu \/ services price list<\/strong> \u2192 Price list.<\/li>\n<li><strong>Age gate<\/strong> \u2192 Age verification.<\/li>\n<li><strong>Notification bar \/ top bar \/ floating bar<\/strong> \u2192 Announcement bar.<\/li>\n<li><strong>Exit intent popup \/ coupon popup \/ popup builder<\/strong> \u2192 Pop-up window.<\/li>\n<li><strong>Off canvas menu \/ slide-out panel<\/strong> \u2192 Side panel.<\/li>\n<li><strong>One page navigation \/ scroll navigation<\/strong> \u2192 Dot navigation and Anchor.<\/li>\n<li><strong>Pricing toggle \/ monthly-yearly switch<\/strong> \u2192 Content switcher.<\/li>\n<li><strong>Table of contents<\/strong> \u2192 Index of the page.<\/li>\n<li><strong>Click to chat<\/strong> \u2192 WhatsApp button.<\/li>\n<\/ul><\/dd>\n<dt id=\"what%20can%20i%20build%20with%20marfilo%3F\"><h3>What can I build with Marfilo?<\/h3><\/dt>\n<dd><p><strong>Landing pages and sales pages.<\/strong> 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.<\/p>\n\n<p><strong>Headers, footers and navigation.<\/strong> 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.<\/p>\n\n<p><strong>Online shops.<\/strong> 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.<\/p>\n\n<p><strong>Blogs, magazines and portfolios.<\/strong> 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.<\/p>\n\n<p><strong>Local business sites.<\/strong> 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.<\/p>\n\n<p><strong>Real estate, interiors and products.<\/strong> 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.<\/p><\/dd>\n<dt id=\"i%20am%20coming%20from%20another%20builder.%20what%20changes%3F\"><h3>I am coming from another builder. What changes?<\/h3><\/dt>\n<dd><p>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, plus one small script for interactive modules, instead of shipping the editor 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.<\/p><\/dd>\n\n<\/dl>\n\n<!--section=changelog-->\n<h4>1.0.4<\/h4>\n\n<ul>\n<li>Export a single page with its images and, if you want, the site header and footer: \u201cExport this page\u201d offers a .json with only the design or a .zip that carries just the media files that page uses. Importing that .zip uploads the images the new site does not have yet and points the page at them. A header and footer inside the file are only imported after asking, because they replace the header and footer of the whole site; once imported they show on the canvas right away, without reloading the editor.<\/li>\n<li>Right-click menu on sections, rows and modules in the canvas, with the same actions as the floating toolbar (settings, insert before or after, move, duplicate, save to the library, delete). From a module it also reaches the row and the section that hold it. Shift + right-click, or right-clicking while typing, keeps the browser\u2019s own menu.<\/li>\n<li>The editor opens on the last page you worked on (or the site\u2019s front page, or the first page) instead of the first document in the list, which was often the slow blog listing template.<\/li>\n<li>New \u201cCustom fields of this page\u201d window in the editor\u2019s \u2630 menu: see, add, change or remove the fields that {{field.\u2026}} tags read, without switching the page to the WordPress editor. It lists first the fields the page, its header and its footer use, even when they are still empty, and the canvas updates as soon as they are saved. It shows a loading indicator while it reads them.<\/li>\n<li>An exported page now carries the custom fields its dynamic tags read (for example a language button in the header), and importing writes them on the page it lands on. When the page came from another address, the importer offers to use that same address: links between pages keep working, but the page that already has that address is replaced and published.<\/li>\n<li>Fix: a column set to stay fixed while scrolling now stays put when it also has a vertical alignment.<\/li>\n<li>Fix: a page exported and imported again no longer fails when one of its modules has an empty style for a part.<\/li>\n<li>Fix: the table of contents no longer lists the headings of the site header, footer or sidebars.<\/li>\n<li>Fix: a page that has never been published is edited on its own canvas instead of inside the theme\u2019s page template (with the theme\u2019s header, title and narrow column) until its first publish.<\/li>\n<li>Fix: after updating the plugin, the canvas no longer keeps an old copy of the editor styles cached by the browser or the host (new menus came out unstyled).<\/li>\n<li>Fix: in the editor, a {{field.\u2026}} tag with a fallback shows the fallback when the page has no value, as the site does, instead of the raw tag.<\/li>\n<li>Fix: with the WordPress menu shown from the editor, its submenus open above the editor instead of behind it.<\/li>\n<li>Fix: the canvas fills the editor to the bottom; a light strip no longer shows under the page.<\/li>\n<li>Clearer icons for exporting the page, exporting the whole site and importing, so the three buttons are told apart at a glance.<\/li>\n<li>New page: the \u201c+ New\u201d window now asks for the page name, and the slug follows it as you type (you can still edit it). Before, the page was named after its slug.<\/li>\n<\/ul>\n\n<h4>1.0.3<\/h4>\n\n<ul>\n<li>12 new modules: Glitch text, Shuffle letters, Animated gradient text, Image-filled text, Block reveal text, Block reveal image, Tilt image, Blob shape image, Floating images, Random image, Image hover reveal and Shape.<\/li>\n<li>3 new full-page templates, one per live demo: the warm editorial Showcase, Vektor (a dark tech launch) and Mochi (a playful neo-brutalist page). Vektor and Mochi use every module and Showcase 83; each ships with image placeholders and no third-party content.<\/li>\n<li>Post list can now be shown as a carousel, with arrows, dots, autoplay and slides per view on mobile.<\/li>\n<li>Text that types itself gains hand-drawn highlights (box, strike-through, marker, brackets), and Title gains outline and accent highlight styles.<\/li>\n<li>New floating layer: pop-ups, the age gate, dot navigation and fixed buttons live in their own place, added from a dedicated button in the editor. You can select, show, hide or delete them there, and a module left in the page flow shows where it belongs.<\/li>\n<li>Fix: the canvas no longer flickers or loads twice when you open a page or switch to another one, and reloading the editor keeps the page you were editing.<\/li>\n<li>Fix: the library closes once a template is applied, and its style filter is translated.<\/li>\n<li>The site importer can now bring SVG drawings into the media library: each file is rewritten keeping only what draws (no scripts, event attributes or outside references) before it is stored. It is only open to users who can already save designs, and an SVG that is not a clean drawing is refused with a message.<\/li>\n<li>Fix: the site importer no longer reports a file as failed when the server accepted it but printed a notice before its answer, and any problems are listed in a window grouped by reason instead of one long message.<\/li>\n<li>Fix: a column's vertical alignment (top, middle, bottom) now takes effect.<\/li>\n<li>Fix: code blocks with line numbers no longer show a blank line between lines.<\/li>\n<li>Fix: the sticky video returns to its place when you jump back up the page.<\/li>\n<li>Fix: the mini cart button no longer wraps onto two lines when it shows a count, and the mega menu panel no longer overflows the screen.<\/li>\n<\/ul>\n\n<h4>1.0.2<\/h4>\n\n<ul>\n<li>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.<\/li>\n<li>Readme: expanded description, clickable live demo link, installation steps, more FAQ and screenshot captions.<\/li>\n<\/ul>\n\n<h4>1.0.1<\/h4>\n\n<ul>\n<li>The page and section templates now ship entirely in English: about a hundred buttons, labels, table headings and captions were still in Spanish.<\/li>\n<\/ul>\n\n<h4>1.0.0<\/h4>\n\n<ul>\n<li>Initial release.<\/li>\n<\/ul>","raw_excerpt":"Visual drag and drop page builder with 100+ modules: landing pages, headers, footers, mega menus and 360 viewers, published as fast static HTML.","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/mfe.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/365054","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mfe.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/mfe.wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/mfe.wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=365054"}],"author":[{"embeddable":true,"href":"https:\/\/mfe.wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/marfilo"}],"wp:attachment":[{"href":"https:\/\/mfe.wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=365054"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/mfe.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=365054"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/mfe.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=365054"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/mfe.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=365054"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/mfe.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=365054"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/mfe.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=365054"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}