Signup Form Raw Code

Hi there.

Unfortunately we would not recommend displaying the HTML widget using raw HTML as there are various elements that have to load dynamically in the form in order for it to actually work, such as a WordPress nonce and so on, for security purposes.

What isn’t working when using do_shortcode though?

Hi, thanks for the reply.

I am using special plugin for landing page. There are some limitations as for the form code that can be accepted:

https://s7.postimg.org/kv6z9kimj/image.jpg

I would need the form to keep its design as shown on the screen (w/orange button). But no matter what I put inside the form code area (top right) the form does not work.

If I type in the shortcode, the form is working, but with this ugly design:

https://s8.postimg.org/dr0f77k2t/Untitled.jpg

All I can change is font size. No custom CSS.

I would like to preserve the basic functionality of the form (w/message shown once people optin), but also keep the design and formatting as seen on first image.

I would like to at least try if raw code would be any helpful.

Hi there.

Would it perhaps be an option to explicitly include the plugin’s user stylesheet (sola-newsletters/css/style.css) as this should then include all of the styles?

The HTML outputted is this:

<div id="sola_nl_sign_up_box_12661" class="sola_nl_sign_up_box">
    <div id="sola_nl_title">
        <h3>Newsletter</h3>
    </div>
    <form class="sola_nl_sub_form">
        <div class="sola_sign_up_form_row">
            <label>
                Name:
            </label>
            <input type="text" name="sub_name" required="">
        </div>
        <div class="sola_sign_up_form_row">
            <label>
                E-mail:
            </label>
            <input type="email" name="sub_email" required="">
        </div>
        <div style="display:none">
            <input name="action" value="sola_nl_sign_up_add_sub" type="hidden">
            <input name="security" value="acc46480d8" type="hidden"></div><div>
            <input type="submit" value="Subscribe">
        </div>

    </form>
</div>

Could you please explain a bit more? Do I add custom CSS into sola-newsletters/css/style.css ?

Is the optin form by the default set to inherit CSS of the WP theme? That would explain the ugly look of the form on 2nd image, because the theme uses no CSS and it can’t be changed.

Perhaps I could make custom CSS and force the form to use it insted of inheriting theme’s CSS? Would it be possible?

Hi there.

The form will take the default elements of your theme. You could however style the form to your preference using custom CSS.

Would you prefer to send me a link to your landing page so I can send you some CSS to style it for you?

Hi, thanks for the assistance so far.

Unfortunately I found another error. When I click the link of the confirmation email, I get 404 page not found.

Getting this to work is becoming quite hassle for me. Maybe I’ll have more luck with different plugin. Thanks again for your time.

Hi there.

Please confirm you have not deleted the ‘Subscribtion Confirmation’ page that is automatically created when activating our plugin?