Insert predefined variables like [%username%] in the content.

Click on an editable element (like text, heading, button) and then on the variable icon on the toolbar. Choose a variable from the shown popup and insert it.


<!DOCTYPE html>
        <meta charset="utf-8">

        <!-- css -->
        <link rel="stylesheet" href="/your-folder/revolvapp.css" />
        <link rel="stylesheet" href="/your-folder/plugins/variable.css" />
        <!-- element -->
        <div id="myemail"></div>

        <!-- js -->
        <script src="/your-folder/revolvapp.js"></script>
        <script src="/your-folder/plugins/variable.js"></script>

        <!-- call -->
        Revolvapp('#myemail', {
            plugins: ['variable'],
            variable: {
                items: ['email', 'name', 'company']
            editor: {
                font: 'Inter, Helvetica, Arial, sans-serif',
                path: '/your-path-to-revolvapp-folder/',
                template: '/your-path-to-template-file.html'