CODEWITHSUNDEEP
htmlwordpressmailchimpelementor
Thiago
Thiago

Reputation: 11

Wordpress Elementor. My custom HTML did not render

I got a custom email signup form from Mailchimp and implemented it on my wordpress website with elementor custom HTML, it kinda works but the problem is that when i log off my wordpress session and check the website as a visitor, the custom HTML gets written as a text instead of being read as a html file and also some tags get ignored such as style , form , input and script

Everything is getting saved to the database, it just doesn't read the code as it should. I purged all cache several times.

This the code i'm trying to insert and make it stay when im logged off

<!-- Begin Mailchimp Signup Form -->

<link href="//cdn-images.mailchimp.com/embedcode/classic-071822.css" rel="stylesheet" type="text/css">
<style type="text/css">
    #mc_embed_signup{background:#fff; clear:left; font:14px Helvetica,Arial,sans-serif;  width:100%;}

    /* Add your own Mailchimp form style overrides in your site stylesheet or in this style block.
       We recommend moving this block and the preceding CSS link to the HEAD of your HTML file. */

</style>




<div id="mc_embed_signup">
    <form action="https://gmail.us8.list-manage.com/subscribe/post?u=9eedbcb189ca63a07ad3fc7e8&amp;id=96681ba87c&amp;f_id=00546ae0f0" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_self">
        <div id="mc_embed_signup_scroll">
        
 
<div class="mc-field-group">
    <label for="mce-EMAIL">Seu melhor email:  
</label>
    <input type="email" value="" name="EMAIL" class="required email" id="mce-EMAIL" required>
    <span id="mce-EMAIL-HELPERTEXT" class="helper_text"></span>
</div>
    <div id="mce-responses" class="clear foot">
        <div class="response" id="mce-error-response" style="display:none"></div>
        <div class="response" id="mce-success-response" style="display:none"></div>
    </div>    <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
    <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_9eedbcb189ca63a07ad3fc7e8_96681ba87c" tabindex="-1" value=""></div>
        <div class="optionalParent">
            <div class="clear foot">
                <input type="submit" value="Garantir meu lugar" name="subscribe" id="mc-embedded-subscribe" class="button">

            </div>
        </div>
    </div>
</form>
</div>

<!--End mc_embed_signup-->

Logged in

Logged out

Upvotes: 1

Views: 2077

Answers (1)

Ignacio Hern&#225;ndez
Ignacio Hern&#225;ndez

Reputation: 1

I had the same problem and it was that I was using the wrong Wordpress Element/Widget. Be sure to be selecting the element or widget named "HTML", NOT Custom HTML. You can get this element by searching in the top search bar.

Upvotes: 0

Related Questions