buttonText1 doesnt work

[salime45]

I have this configuration, but i dont see any changes

<script src="https://cdn.jsdelivr.net/npm/mailtoui@1.0.2/dist/mailtoui-min.js" data-options='{ "buttonText2": "Outlook";"buttonText1": "Gmail" }' defer></script>

[mariordev]

You have the wrong syntax in the options object. You must separate each key:value pair with a comma instead of a semi-colon. Change it to this and it will work:

<script src="https://cdn.jsdelivr.net/npm/mailtoui@1.0.2/dist/mailtoui-min.js" data-options='{ "buttonText2": "Outlook", "buttonText1": "Gmail" }' defer></script>

[salime45]

I changed but still doesnt work, i am using this in wordpress.

[mariordev]

Are you getting any kind of error in the console? What does your mailto link look like? Did you add the mailtoui class to the <a> tag?

[salime45]

this is my link

<a class="mailtoui" href="mailto:alopez@ridenow.site">alopez@ridenow.site</a>

The window opens and i can customize the CSS but the data-options doesnt work

[mariordev]

@salime45 I wonder if WP or a WP plug in is the cause of this. The data-options attribute has worked in every environment I tested in. I'll have to look further into it.