Understand the Unisoft AI Editor

Pour :Administrateur

View of the 'understand AI editor' page

The AI Editor in Unisoft is a new way to produce content for your community: instead of dragging and dropping blocks with the mouse, you describe to the AI what you want in a chat, and the editor generates the corresponding HTML in seconds. You see the result build live in the preview panel, and you refine it through successive messages ("change the button color to blue", "add a testimonials section", "make something more sober"…).

This page explains the concept, how it works under the hood, the three available variants (emails, web pages, content blocks) and the current limitations linked to the beta status.

ℹ

Availability

The AI Editor is in beta. The AI Editor selector when creating an email template or a web page is only visible in non-production environments (staging, test). It will be opened progressively to all organizations once the beta phase is over.

If you do not see the "AI Editor" choice in your backoffice, that's normal: your organization uses the classic editor and the switch will happen automatically later.

The idea in one sentence

With the AI Editor, you talk, the AI draws. You stay in charge of the brief (your prompt), of the image you provide, of your organization's context, and you validate visually each iteration. The AI takes care of the HTML formatting, colors, margins, responsive structure — everything that takes time when designing by hand.

It is useful in three typical cases:

• You are not a designer and you want a professional output without spending hours on margins.
• You are in a hurry: an email to send tonight, a page to publish before an event.
• You want to iterate quickly: test several layout ideas without redoing everything each time.

The three variants

The AI Editor exists in three variants, each optimized for its use. The engine is the same, but the generation rules applied to the HTML differ.

Variant	What it does	Dedicated page
AI Editor – Email	Generate email templates reusable in your message campaigns. HTML compatible with Gmail, Outlook, Apple Mail (tables + inline styles, 600px width).	AI Editor for emails
AI Editor – Web page	Generate CMS pages displayed on your public site (about us, projects, rabbi profile, event…). Modern, responsive HTML, 1200px container.	AI Editor for web pages
AI Editor – Content block	Generate a standalone HTML fragment to insert in an existing page via an "AI block" field. Encapsulated styles (classes prefixed aicb-*) to avoid collisions with the host page.	(integrated in forms and other modules depending on your configuration)

The choice of variant is not a setting you make yourself: it depends on where you launch the editor.

• You create an email template (/app/templates/email) and choose AI Editor → you land on the AI Editor – Email.
• You create a CMS page (/app/web/pages) and choose AI Editor → you land on the AI Editor – Web page.
• A more advanced configuration field can open the AI Editor – Content block to produce a reusable fragment.

⚠

Choice locked at creation

Once an email template or web page is created in AI Editor mode, the mode is locked: you cannot switch to the classic editor (and vice versa). If you created a draft in the wrong mode, the simplest is to delete and recreate.

How it works

The AI Editor is a chat assisted by tools. Here are the behind-the-scenes steps each time you press Send:

1. 1

   You type a prompt

   You describe what you want: "Create an email to announce the Passover menu with an image at the top and a Register button". You validate with Enter (or with the arrow button).

2. 2

   Unisoft composes the context

   Before calling the AI model, the backoffice discreetly adds to your prompt:

   • The system prompt specific to the variant (HTML rules, design constraints, mandatory variables…).
   • The information about your organization (name, logo, address, phone, email, website, main contact) so the AI personalizes the output.
   • The current HTML of the document (so the AI edits instead of starting from scratch).
   • The images you have imported (the AI can "see" them and use them in the design).
3. 3

   The AI generates the HTML

   The model receives all this info and calls an internal tool set_full_html containing the new full HTML. The content is streamed: you see a token counter rise live (~500 tok) during generation.

4. 4

   The preview updates

   The HTML is immediately injected into the preview iframe on the right (Desktop mode by default, but you can switch to Mobile to check the responsive). You see the result in seconds.

5. 5

   A second call summarizes the changes

   Once the HTML is applied, a second call to the AI produces a summary in your language of the changes made ("✅ Color banner added, button centered, footer updated…") and proposes 2-3 concrete suggestions for next steps.

6. 6

   You iterate or you save

   You can re-run a prompt ("Make the button green"; "Add a matzah image"), return to a previous version via the History button, or click Save when the output suits you.

The interface in brief

On desktop, the editor takes the entire screen (the backoffice sidebar is hidden during the edit to give you room). It consists of two large areas separated by a resize bar you can drag with the mouse:

• On the left – the chat panel: this is where you write your prompts. You also find a collapsible Images panel to drag-and-drop your visuals, and (for email only) a Variables bar that copies tags like {{prenom}} or {{mailing_unsubscribe}} in one click for you to paste into your messages.
• On the right – the live preview: an iframe that renders the generated HTML. Above, a toolbar lets you switch Desktop / Mobile, return to the previous version (←), advance (→), view the full History, send a test email (email variant only), click Save or Exit the editor.

On mobile (screen < 640 px), the two panels become two tabs at the bottom of the screen: Chat and Preview. You switch between tabs depending on whether you are writing a prompt or checking the output.

The AI model used

Unisoft uses a proprietary AI model optimized for HTML content generation, hosted on the publisher's servers. You don't need to provide an API key, pay for an external service, or configure anything: access is included in your Unisoft subscription.

A few important properties on the user side:

• Multilingual: the model understands and generates French, English, Hebrew and other languages. You can write your prompts in the language of your choice.
• Vision: the model can "see" images you import into the editor (Images panel). You can ask it to reference a specific visual ("put this photo at the top, centered, with a slight rounding").
• Streaming: the response arrives in continuous flow. The token counter (~500 tok) indicates the estimated length during generation.
• No image generation: the AI creates HTML and CSS, but does not make images. To illustrate an email or page, you must import your own visuals into the Images panel.

Saving and history

Each time the AI modifies the HTML, a new history entry is created. You can navigate through the history:

• Buttons ← / → in the toolbar: previous / next version.
• History button: opens a popup listing all versions with their timestamp and the beginning of the prompt that generated them. You click an entry to return to it.

The history is local to your editing session: it lives as long as you stay on the editor page. Once you save, the current version (the one shown on screen) is persisted in the database.

★

The Save button changes appearance

As long as you have not modified anything, the Save button is gray (inactive). As soon as a prompt produces a new version, it becomes black to indicate a save is pending. If you try to leave without saving, the browser will ask for confirmation.

On save, the server performs several operations depending on the variant:

• For web pages and content blocks: Unisoft automatically injects translation keys (data-i18n="auto_1", data-i18n="auto_2"…) on each visible text that does not yet have one. This lets you translate the page later into French, English, Hebrew… without having to modify the HTML manually.
• For email templates: Unisoft generates a PNG thumbnail of the email rendering, which will be used as a cover image in the template list. (This thumbnail generation is specific to emails: it does not apply to web pages or content blocks.)
• The imported images are saved along with the HTML, as a list of assets linked to the document.

★

What do generated `data-i18n` keys look like?

The AI can produce semantic keys when it deems useful (for example data-i18n="hero_title"), but each text without a key automatically receives a technical key auto_1, auto_2, auto_3… at save time. From the user's standpoint, the key name doesn't matter: translations work and remain stable in all cases. You never have to manipulate these keys manually.

Variables and personalization

Depending on the variant, the AI receives or proposes different personalization elements:

• Insertion variables (emails only): {{nom}}, {{prenom}}, {{prenomHE}}, {{mailing_unsubscribe}}. You can paste them in a prompt or directly in the HTML to personalize each send with the recipient's data.
• Organization context: name, logo, address, phone, email, website, main contact are automatically injected in the AI context. You can say: "Put the organization's logo at the top, on the left" without having to provide the URL — the AI knows it.
• Automatic multilingual system: for web pages, each generated text receives a data-i18n key on the server side. The language banner above the preview lets you switch between the languages enabled for your organization and fill in the missing translations (the AI can translate them all in one click).

Current limitations

The AI Editor is in beta. A few points to know before getting started:

• Availability: visible only in non-production environments for now. Production deployment will happen progressively.
• No image generation by the AI: all visuals must be imported manually into the Images panel.
• No block-by-block editing in the interface: to modify a specific part, you must ask for the change in the chat ("Change the button color to blue") or return to a previous version via the History.
• No switch between AI editor and classic editor: the mode chosen at creation is locked.
• Full versions only: history records full versions of the HTML, not individual micro-modifications. If you want to undo a detail, you go back a full version and iterate from there.
• No explicit quota displayed at this time. Stay reasonable and favor precise prompts: fewer back-and-forths is also faster for you.
• Mandatory email variables: for emails, the {{mailing_unsubscribe}} link must be present in the footer for legal compliance. The AI adds it by default, but check that it's still there after your modifications.

The other Unisoft AI assistants

The AI Editor is one of the three Unisoft AI building blocks. The other two:

• Yossi — the AI assistant accessible from WhatsApp, to perform quick actions on the go (create a reminder, record a pledge, find a contact).
• Zalmi — the AI assistant integrated into the backoffice dashboard, to help you understand the product, find a feature, or launch a generation via the AI editors.

All three share the same proprietary Unisoft AI engine.

Go further

• AI Editor for emails — all specifics when generating an email (variables, mandatory structure, sending a test).
• AI Editor for web pages — all specifics when generating a CMS page (multilingual, modern design, 1200px container).
• Email templates — the template management page, starting point to create an email in AI mode.
• My pages — the CMS pages management page, starting point to create a page in AI mode.