Customization

Adapt the email form and the subscriber's dashboard to your needs. For doing that you would need small coding skills. But not too much, don't worry!

Subscriber's Dashboard

Visit the settings page for making changes in the ubscriber's dashboard layout.

Styling

All the styling rules for the email form and popup are added at the end of the <head> of your website. Just right after the closing tag </head>. So any style overriding needs to be done inside the <body> tag. A good place could be just below the snippet like shown here:

<!-- Start of Tuemilio Code -->
...
<!-- End of Tuemilio Code -->

<!-- Add your custom styles here -->
<style>
        .t-modal-content {
            background-color: gray;
        }
        .t-button {
            background-color: black;
        }
</style>

Each element has its own class you can target with your CSS rules. Use the developer tools of your favourite browser to find the class names of the elements you want to customize.

Texts

Probably you need to change the text that appears on the Tuemilio widget or the default text that appears when sharing with the social buttons. For that you would need to add the following items in your config object with your custom texts.

COMING SOON

We are working to make texts translations directly from your dashboard instead of coding them in your landing.

On your page where you pasted the snippet, look for this command

Tuemilio('init');

and change it for the following block of code. Now change the green texts for the texts you wish.

Tuemilio('init', {
    form: {
        input: {
            texts: { // Texts related to the email form input
                placeholder: 'name@email.com'
            }
        },
        button: {
            texts: { // Texts related to the email form button
                CTA: 'Request early access',
                loading: 'Loading',
                checkDashboard: 'Dashboard',
                login: 'Login'
            }
        },
        feedback: {
            texts: { // Texts related to the form feedback
                empty: 'Don\'t forget your email!',
                invalidEmail: 'Wrong email!',
                success: 'Thanks!',
                unaccepted: 'We do not accept that email',
                unauthorized: 'You did not subscribe with that email'
            }
        }
    },
    dashboard: {
        social: {
            texts: { // Texts related to the default message when clicking a social share button
                facebookQuote:'I just joined this awesome waiting list!',
                twitterQuote:'I just joined this awesome waiting list!',
                hashTags: 'tuemilio,PH',
                whatsappQuote: 'I joined this, do it to:',
                redditQuote:'I just joined this awesome waiting list!',
                telegramQuote:'I just joined this awesome waiting list!',
                emailBody: 'Here is my link',
                emailSubject: 'I just joined this awesome waiting list!',
                linkQuote: 'Share the link below'
            }
        }
    }
});