pop up contact form

Hello,

I want to have the contact pop up (from the 404 page) https://prnt.sc/okesl7
under the button CONTACT in the top bar https://prnt.sc/okeqlx

How can I do that? I tried it with a HTML block and with a page, but nothing results in a good way.

Thanks for your reply

Best regards,
Dennis

Hello,

Create the page 404 and insert this code inside:

[vc_row][vc_column width="1/6"][/vc_column][vc_column width="2/3" woodmart_text_align="center"][vc_single_image image="1534" img_size="full" alignment="center" css=".vc_custom_1525944025339{margin-bottom: 25px !important;}"][woodmart_title size="custom" font_weight="700" title="PAGE NOT FOUND" css=".vc_custom_1525781295753{margin-bottom: 10px !important;}" desktop_text_size="45" tablet_text_size="45" mobile_text_size="32"][woodmart_responsive_text_block font="text" size="custom" desktop_text_size="16" tablet_text_size="16" mobile_text_size="14" css=".vc_custom_1525782502292{margin-bottom: 25px !important;}"]This is somewhat embarrassing, isn’t it? It looks like nothing was found at this location.[/woodmart_responsive_text_block][woodmart_button color="primary" button_inline="yes" title="HOME PAGE" link="url:%23|||"][woodmart_popup style="bordered" button_inline="yes" id="contact-form-popup" width="900" title="CONTACT US"][vc_row_inner equal_height="yes" css=".vc_custom_1512552757832{margin-top: -30px !important;margin-right: -30px !important;margin-bottom: -30px !important;margin-left: -30px !important;}"][vc_column_inner width="2/3" css=".vc_custom_1512552766600{padding-top: 30px !important;padding-right: 30px !important;padding-bottom: 15px !important;padding-left: 30px !important;}"][woodmart_title size="small" align="left" title="SEND US A MESSAGE"][vc_column_text css=".vc_custom_1525944104118{margin-bottom: 0px !important;}"][contact-form-7 id="608" title="Contact form alternative"][/vc_column_text][/vc_column_inner][vc_column_inner width="1/3" css=".vc_custom_1512552777696{padding-top: 30px !important;padding-right: 30px !important;padding-bottom: 30px !important;padding-left: 30px !important;background-color: #333333 !important;}"][woodmart_title size="small" color="white" align="left" title="CONTACT INFORMATION"][woodmart_info_box image="611" image_alignment="left" woodmart_color_scheme="light" img_size="30x30"]50 East 52nd Street
Brooklyn, NY 10022
United States[/woodmart_info_box][woodmart_info_box image="611" image_alignment="left" woodmart_color_scheme="light" img_size="30x30"]+1322224332
+1323345455[/woodmart_info_box][woodmart_info_box image="611" image_alignment="left" woodmart_color_scheme="light" img_size="30x30"]<a href="http://themedemo.commercegurus.com/economist/#">[email protected]</a>
<a href="http://themedemo.commercegurus.com/economist/#">[email protected]</a>[/woodmart_info_box][vc_separator color="custom" accent_color="rgba(255,255,255,0.15)" css=".vc_custom_1484144347493{margin-bottom: 30px !important;}"][vc_column_text woodmart_color_scheme="light" css=".vc_custom_1484154411560{margin-bottom: 20px !important;}"]Do you have questions about how Economist can help your company? Send us an email and we’ll get in touch shortly.[/vc_column_text][social_buttons size="small" style="colored" align="left"][/vc_column_inner][/vc_row_inner][/woodmart_popup][/vc_column][vc_column width="1/6"][/vc_column][/vc_row]

Set this page as 404 in the Theme Settings > General

Best Regards

Thanks for your quick reply!

Sorry, I think I didn’t make myself clear.
I have already set the 404 page with you demo content.
But I want the contact form pop up from this 404 page also to be shown when you click on the CONTACT button in the top right bar

I don’t see how I can do that in the menu settings
I want the same behavior as I have when I click on the newsletter in the same top right bar, then I got a pop up for a newsletter sign up.

How can I do that?

Hello,

Enable and configure the popup in the Theme Settings > Shop > promo popup. https://xtemos.com/docs/woodmart/html-blocks-2/#promo_popup

Then navigate to Appearance > Menu > select menu > enter the menu item and insert the class woodmart-open-newsletter

Best Regards

[Author]

Posts