On my Wordpress - Woocommerce site I have added a link "Contact/Info" next to the "Add to Cart button" on the product pages. This was done by adding some jquery. The link works great, but I would like to change it to call a contact form 7 form in a lightbox. I am currently linking to the default Contact page on the site.
Code:
jQuery(function($) {
$('.single_add_to_cart_button').after('<a target="_blank" href="/contact-2">Contact / Info</a>');
});
Reason for wanting the change it is that I have a contact form 7 form setup that tracks the URL it's been sent from. This will only add be of use when the messages will be sent from the product pages of course.
Here's a link to a product page on my site
Anybody any idea how to do this?
Thanks!
Related
I have a static page site in WordPress and I want the "contact me" at the bottom of the page. how would I add that without having a separate page with contact forum 7? I am adding my custom page into WordPress that I have made from scratch. I am using vs code for my text editor. I know there should be a way to cut the code from somewhere and add it at the bottom of my page in the contact section just don't know how.
I am a elementor pro customer.
My goal is to hide elementor from my client.
So i used role manager offered by elementor and hide the user role to edit the page as follows:
https://www.dropbox.com/s/4toahzxnkchi2dm/Screenshot%202019-12-07%2013.48.30.png?dl=0
What happens with the role manager hide is that the user cannot even see the html side of the page.
How can i hide the elementor from the client and let him edit the html version of the page?
Alternatively, I want to skip the role editor functionality of elementor and just find a way to remove the button "Edit with elementor" from pages.
Few places where it appears are
Page: https://www.dropbox.com/s/owwr41cl9gpep15/Screenshot%202019-12-07%2013.58.13.png?dl=0
In front of the page name:
https://www.dropbox.com/s/89zqq59a2ett2kf/Screenshot%202019-12-07%2013.58.57.png?dl=0
In the meta of page: https://www.dropbox.com/s/mrjdr4jj9um037m/Screenshot%202019-12-07%2013.59.18.png?dl=0
Which user role you assigned to your client?
Need help in wordpress (edit page and custom field,not change in css). After editing custom field and page, the website's page didn't display the correct setup as in wordpress. I had done clear the cache but still no change in website page. No need to change in css.
this is the editing page for contact us page
This is my custom field setting (contact us page)
But still after update the website didn't display the right template.
Does anyone know of any plugins or resources for creating of a live preview for front-end submitted Wordpress posts?
My site has a front-end submission page with several text fields, radio buttons, and an image uploader. I would like to have a div to the right of these fields that displays a live preview using the page's template. I've haven't been able to find anything helpful online.
Photo of my front end post submission page
I have a wordpress site. I want to add a new menu item and make it point to a custom page ( not the regular single post page ) . This custom page will contain a contact us kind of form. How can I do this ? Is there a neat plugin do add the contact us kind of functionality as a widget ?
You could use the wordpress plugin "Fast Secure Contact Form".
You can download it here: Fast Secure Contact Form Download
If you need further instructions on how to use the plugin and/or how to add the menu item which links to the page, you can take a look at this (from screenshot #3):
How to use screenshot
For custom page, You should create Template page in your theme folder.
Page Template in Wordpress
On the head of the custom page, You have to define page name as
<?php
/*
Template Name: My Custom Page
*/
?>
Below the code, You can write your code and activate page from dashboard
Go to your contact page > select your page template.
For contact form in wordpress. Contact form 7 is standard plugin. If you want to use it in widget you have to install one more plugin (Widget Contact Form 7) after installing Contact Form 7.
Contact Form 7
Widget Contact Form 7