Variable

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

Download

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.

Code

<!DOCTYPE html>
<html>
    <head>
        <title>Revolvapp</title>
        <meta charset="utf-8">

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

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

        <!-- call -->
        <script>
        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'
            }
        });
        </script>
    </body>
</html>