rekhu

Rekhu Builder

Converting templates

Turn an HTML template into editable Elementor pages on a WordPress site, or into Blade views in a Laravel app.

What a conversion does

You have a design as HTML: a page, a zip with pages and their assets, or an export from a design tool. Rekhu Builder puts it on the site as a draft your client can edit in Elementor, section by section. One sentence in the chat installs the template, draws it, scans it and converts it.

Convert a template

  1. Put the template in the project. Attach it in the chat with the + in the message box, drop it on the Files panel, or add it to the Library to use it in every project. Files up to 40 MB.
  2. Ask for it. Name the file and what you want:
Convert landing.html from the library to Elementor as a draft, and tell me what each section becomes.
  1. Read the scan. Rekhu tells you how many sections the page has and what each one becomes before it converts.
  2. Answer the one question, if any. When a section can be built two ways, Rekhu asks once with its own suggestion marked. Click a button or answer in a word.
  3. Open the draft. The answer ends with a preview link. Nothing is live yet.
  4. Change and publish. Ask for changes in the same chat, or edit in Elementor. Publish when it is right. See Drafts and publishing.

From the Library you can also open a template's menu and choose Install on this site: To Elementor, or Keep as HTML.

How the page is read

The template is drawn in a real browser first. The widths, gaps and font sizes on the Elementor settings are what the browser measured, so the draft looks like the template and not like a guess from its code. Entrance animations, hover states, the template's own fonts and its videos come along.

What each section becomes

By default every section becomes native Elementor: containers with Heading, Text, Image, Button, List and Video widgets, with the template's typography, colours, spacing and backgrounds, and the phone layout already stacked. Some parts get a widget that fits them better:

  • three or more alike cards become one Items grid;
  • a slider becomes the Slider widget;
  • a list of questions becomes the FAQ widget;
  • a form becomes a working form. See Forms, plugins and code.

Sections that keep their own script

A section with its own JavaScript, such as a calculator, a pricing toggle or tabs, can stay working exactly as in the template. It then runs as a dynamic section: shown as the template has it, but not editable piece by piece in Elementor. The answer names which sections were kept that way and why.

You choose how this goes for every template under Preferences → Templates:

Choice What happens
Keep the suggested ones dynamic The default. No question in the middle of an install.
Ask me for every template The chat scans first and lets you choose.
Make everything editable You switch sections to dynamic yourself.
Keep every section dynamic Everything runs as in the template.

A section can be switched between editable and dynamic later, in the chat.

A whole site in one file

An export from a design tool often holds every page of a site in one file. Rekhu sees the pages and the shared header and footer, and makes one draft per page, each with the shared header and footer. Texts the prototype filled from data are named, and Rekhu asks you for the real texts.

A theme for the site

After a conversion the site gets a theme of its own: one Elementor widget per section, named by its role (Hero, Site header, Feature grid), a Theme Settings page under Appearance for colours, typography, layout, motion, header and footer, and the design's screenshot. The answer says the theme's name and whether it is active. When the site kept its own theme, Rekhu offers to switch.

Ask for a theme package when you need one to hand over, for example as a zip with one widget class per section:

Build this as a theme package with one widget class per section, and give me the zip.

When the draft looks flat

If a converted page looks static or unlike the template, ask Rekhu to convert the page again. A conversion carries animations, hover states and fonts, and a second run fills the same draft.

In a Laravel app

A template in a Laravel project can become Blade views (a layout, a view per page and Blade components, with a route per page), one Blade page on one route, or be copied as it is under public. Rekhu tells you the routes and files before it writes them.

What it costs

A conversion is paid like any other chat work: per step, from your credit. See Credit and usage.

Next