Newsletter on the homepage

Hi, I would like if newsletter created with my SendInBlue can look like it looks currently on your homepage: https://woodmart.xtemos.com/demo-dark/?opt=dark on the popup and on the site. Basically its the same form look but I don’t know how to set it up. Can you help me with that? Also, my popup is not working so if you can help me to set up proper popup like it is on demo (together with my sendinblue label and form)?

Attachments:

You must be logged in to view attached files.

Hello,

You have specified the ID of the HTML block which was deleted that is why popup did not work. Now it works and the form has been added. As soon as a user enters the site and scroll, the popup will appear. You can change this in the Theme settings > Shop > Promo Popup

Now you have the last item in your menu to call the popup, delete it after checking.

Best Regards

ID for SendINBlue form on both homepage and popup is 3. Also, I see that still form is not looking like it is looking on your site – meaning text field to be right next to button with button same height as text field.

Hello,

Now it has been fixed.

Best Regards

Yes but popup now is not working. And height is a bit thinner than on demo together with button. Can you please check?

Also, button is not responsive and button should have color of primary color (blue) just like it is on demo. Check my image in private section.

Anyone?

Hello,

The text area height has been increased and the button now is responsive.

Best Regards

Thanks. Just one more observation (sorry for being picky), popup is not like on demo.

Try to add the following CSS code as well

.woodmart-promo-popup .sib-email-area:after {
	content:"";
	display: table;
	clear: both;
}

Thanks but there are still missing fields like demo have that you erased while you change CSS of that look. Check screenshot.

Sorry, what fields do you mean?

Compare how it looks on my site and how is here: https://prnt.sc/kt1931

I want everything just with sendinblue form (which is done!). Can you please do that for me?

Hello,

Please insert this code to HTML block for popup_demo and replace the shortcode for the newsletter:

[vc_row css=".vc_custom_1497593895509{margin-top: -15px !important;margin-bottom: -15px !important;border-top-width: 5px !important;border-right-width: 5px !important;border-bottom-width: 5px !important;border-left-width: 5px !important;padding-top: 70px !important;padding-bottom: 70px !important;background-position: center !important;background-repeat: no-repeat !important;background-size: cover !important;border-left-color: rgba(255,255,255,0.15) !important;border-left-style: solid !important;border-right-color: rgba(255,255,255,0.15) !important;border-right-style: solid !important;border-top-color: rgba(255,255,255,0.15) !important;border-top-style: solid !important;border-bottom-color: rgba(255,255,255,0.15) !important;border-bottom-style: solid !important;}"][vc_column woodmart_color_scheme="light" css_animation="fadeIn" css=".vc_custom_1488917450837{padding-top: 0px !important;}"][woodmart_title title_width="70" color="white" size="large" title="HEY YOU, SIGN UP AND CONNECT TO WOODMART!" after_title="Be the first to learn about our latest trends and get exclusive offers"][vc_column_text css=".vc_custom_1497593284715{margin-bottom: 0px !important;}"][mc4wp_form id="74"][/vc_column_text][vc_column_text css=".vc_custom_1488915083694{margin-bottom: 0px !important;}"]
<p style="text-align: center">Will be used in accordance with our <strong><a href="#">Privacy Policy</a></strong></p>
[/vc_column_text][/vc_column][/vc_row]

Best Regards

This is good. Thank you.

You are welcome! If you have any questions please feel free to contact us.

Best Regards

One more thing please… You told me on this thread: https://xtemos.com/forums/topic/categories-on-mobile-burger-menu/#new-post

that this code:

body {
background-repeat: no-repeat;
background-attachment: fixed;
}
.woodmart-accordion-title:after {
display:none;
}
body .woodmart-accordion-title.active,
body .woodmart-dark .woodmart-accordion-title.active{
color:#ffffff;
}

Will also remove blue color from “DEMO” but its not. Can you please check why?

Beside this, I see that you put fixed image and it looks terrible on larger screens. Can you please check?

Hello,

The background has been fixed. Please check.

Best Regards

Ok thanks it is. What about blue “DEMO” on every product page? Can it be white like all other tab titles?

Hello,

The arrors have been hidden and the white color has been fixed.

Best Regards

Yes true, now they are. Thank you 🙂

You are welcome!

[Author]

Posts