- 2
- 5 680
Marketer Doug
United States
Приєднався 15 кві 2016
As a corporate marketing professional, I have years of experience working through what works and what doesn't in the world of marketing. Here on my channel you'll discover the best tools, resources, and tips you need to succeed at online marketing. Over on my website (www.marketerdoug.com) you'll find all sorts of blog articles, guides, and resources for marketing professionals -- and even beginners -- that will help you suceed.
How to Use Thrive Leads or Thrive Architect with WPForms
Hey Marketers, in this video I guide you through the process of integrating WPForms with Thrive Leads or Thrive Architect.
Written Guide on my blog: www.marketerdoug.com/how-to-use-thrive-leads-thrive-architect-with-wpforms/
Thrive Architect: www.marketerdoug.com/thrive/architect
Thrive Leads: www.marketerdoug.com/thrive/leads
WPForms: www.marketerdoug.com/wpforms
[Full Disclosure I am an affiliate and receive a commission if you purchase through these links. I use these plugins on all of my websites and projects.]
If you have any questions at all about using WPForms with Thrive Plugins, please don't hesitate to comment here or on my blog. I'm happy to help!
Written Guide on my blog: www.marketerdoug.com/how-to-use-thrive-leads-thrive-architect-with-wpforms/
Thrive Architect: www.marketerdoug.com/thrive/architect
Thrive Leads: www.marketerdoug.com/thrive/leads
WPForms: www.marketerdoug.com/wpforms
[Full Disclosure I am an affiliate and receive a commission if you purchase through these links. I use these plugins on all of my websites and projects.]
If you have any questions at all about using WPForms with Thrive Plugins, please don't hesitate to comment here or on my blog. I'm happy to help!
Переглядів: 1 619
Відео
How to Use Thrive Leads with Gravity Forms
Переглядів 4,1 тис.7 років тому
In this quick tutorial you'll learn how to connect Gravity Forms to a Thrive Leads form without using shortcodes. If you're looking to use Thrive Leads and submit to Gravity Forms, this is the tutorial for you. A full written version of this guide is also available on my blog at www.marketerdoug.com/how-to-use-thrive-leads-with-gravity-forms/ Get Thrive Leads: www.marketerdoug.com/thrive/leads ...
Txs. ✌️ I watched and tried. Firefox and Chrome. But could not find form content. 😭
When I hit preview after I create the form it just shows me my defauly home page instead of the form I created. Any idea of how to fix this?
can you do this for contact form 7? Thank you very much
Thank you very much. Was really helpful. After filling up my form on thrive, it doesn't redirect to my default thank you page. Instead takes me to my wordpress, demanding I login. I couldn't where the mistake is coming from. How do I correct that.
Hi Doug. Thanks for the great video. Do you know how to make the Recaptcha properly show up when using this method? For me when I have the Captcha added on the Gravity Form, it just shows up in Thrive Themes/Architect as an extra form field with that placeholder text of "g-recaptcha-response".
The process works great for me except the reCAPTCHA box doesn't display, any ideas?
Same. I just posted a the same question before seeing your comment here.
A fantastic presentation, clear and concise - well done.
Hi! Thank you it works but what happen whith validations messages
This is such a good tutorial but something is causing this process not to work for me. When I copy html into the thrive integration tool, the form does not show the radio buttons (payment options). So that simple copy and paste element step is not working for me. Please help.... Thanks
Doug, this literally saved my life. Was trying to figure out how to send leads to my client through Thrive Leads. By using gravity forms WITH Thrive Leads, you literally just made the 2+ hour hunt of figuring this out so rewarding. Thank you mate.
Zac - That's awesome. I'm so glad you were able to get what you needed!
This is a GREAT start! However, we can get form validation working too! ***Include the following scripts in Header scripts (Before the </head> end tag): yourwebsite.com/wp-content/plugins/wpforms-lite/assets/css/wpforms-full.css?ver=1.5.1.3 code.jquery.com/jquery-1.12.4.min.js *Also need a simple variable for your form settings (it is best to find this code in page with the form embedded with the shortcode): <script type="text/javascript"> /* <![CDATA[ */ var wpforms_settings = {"val_required":"This field is required.","val_url":"Please enter a valid URL.","val_email":"Please enter a valid email address.","val_number":"Please enter a valid number.","val_confirm":"Field values do not match.","val_fileextension":"File type is not allowed.","val_filesize":"File exceeds max size allowed.","val_time12h":"Please enter time in 12-hour AM\/PM format (eg 8:45 AM).","val_time24h":"Please enter time in 24-hour format (eg 22:45).","val_requiredpayment":"Payment is required.","val_creditcard":"Please enter a valid credit card number.","uuid_cookie":"","locale":"en"} /* ]]> */ </script> ***Include the Body (footer) scripts (Before the </body> end tag): yourwebsite.com/wp-content/plugins/wpforms-lite/assets/js/jquery.validate.min.js?ver=1.15.1 yourwebsite.com/wp-content/plugins/wpforms-lite/assets/js/wpforms.js?ver=1.5.1.3 Follow the video above + add these items above and you can now have form validation working in thrive editor as well!
Amazing, thank you for this!
This is fucking brilliant. You just saved me
Hello. Thank you for such an awesome video. This is one the most useful tips regarding Gravity forms and Thrive Architect. Cheers.
Thank you for taking the time to do this tutorial. Super helpful, but it seems like Thrive's editor no longer works to style everything. Which is too bad.
I just did a test and I was able to stylize in Thrive just like the video. What part isn't working for you?
I have a slight problem when editing the form elements. All elements seem editable with Thrive except for the textarea. I'm trying to change its font color, but it won't do it... Any workarounds for this would be awesome!
This is fantastic, thanks! Just a question, I have created a questionnaire using GForms and used this method to embed it into a landing page. my field names or in this case the field questions have not come across from GForms to Thrive. All other fields and inputs are working exactly as they should. Would you have any idea why this may be? Thanks in advance
When Form is submitted blank, it gets redirected to form-preview in Gravity forms and doens't stays on designed page.
You need to change the action="" to your thank-you page or leave it blank and set a Thrive Leads confirmation message.
Fantastic video. Everything worked perfectly as described. Thank you!
This is awesome, I googled everywhere how to add a field to thrive leads and you made thrive leads so much more than just an email list grower. Thank you!!!!
Hi Joshua, glad you found my tutorial useful. Thrive Leads and the Thrive products in general can do so much for a Wordpress website. If you have any questions, please feel free to reach out.
I'm playing with it right now. I literally was explaining to a client how much time CSS was taking with Gravity forms. Looks like this might be the "easy button." - Have you done anything with multi-stage/page forms?
I've been playing around with integrating them with Thrive Leads. There are some neat things you can do with the multi-step opt-in forms that come with Thrive Leads. I'll make a video on that soon.
They are calling multi-step - a click of a button and then a form, I am referring to where you fill out a form (like a long survey). Can't wait to see your new video.
Wow! Exactly what I needed. Btw, I have done over 200 websites in Thrive. Thanks Shane. My other fav theme is Avada but after Thrive Architect, Thrive is my fav now.
I agree that Thrive is THE best tool for making websites in Wordpress. I was using Avada for a couple of years prior, and I can't even begin to tell you how much faster and feature-rich the Thrive experience has been compared to Avada.
Completely agree Sir. I also personally feel that in Thrive speed of making pages is much faster because of its WYSIWYG editor
Thanks for making this. However, it doesn't work as described. When you copy the Preview code, it will try to redirect through a preview page and ask the user to login. In order for it to work, you have to embed the form normally using the shortcode on the page you want to use, then copy the form element code on that page and paste it into the HTML form code section. The form action=" " must be equal to the page the form is on too. With those mods it works great!
You can remove the form action entirely, or you can replace it with your thank-you page. You can see more of a walkthrough where I utilize this approach with WPForms. It works identically with Gravity Forms. I can confirm that this works as did this last night for a client. Here's the link: www.marketerdoug.com/how-to-use-thrive-leads-thrive-architect-with-wpforms/
Good to know, probably better to just remove it entirely. Do you recommend WP Forms over Gravity Forms?
I personally prefer WPForms only because it has a better back end and user experience. Both accomplish the same thing.
I ran into this same issue. When I used the action="", removed it, or replaced it with my thank you page, the form submissions were not recorded. I'm not sure why it's different on my end. It worked okay when I had the form preview code in - I didn't even notice that was the case until I ran into a validation error, but those submissions worked. Any ideas what might be happening for me?
The only time I ever ran into an issue with the form submissions not recording was when I was using a lightbox and not properly configuring my thank-you page redirect within gravity forms itself. Both Gravity forms and the action="" should be configured for the thankyou page. If possible, can you create a video showing how you're setting everything up? Something similar to the walkthrough I did above. That will help diagnose the problem.
This is EXACTLY what I needed. Thank you so much for making this tutorial!!!!
I'm glad it helped you, Becki! Let me know if you have any questions.
Thank you so much, been looking for a way to do this for ages! Going to give this a go.
Good luck! If you have any questions feel free to reach out.
Thanks - I do have a question, actually. Have you found a way to stop validation errors redirecting to a preview of the gravity form?
Remove the "action" variable (edit the HTML form) and leave it blank: action="" Then set the fields required in GForm and Thrive Leads interface. Tested and confirmed that will yield proper validation errors.
Awesome, thanks! Unfortunately I'm not quite there yet - that's stopped it redirecting but I don't see any error messages, whether it's a required or formatted field. What exactly do you mean by 'set the fields required in GForm and Thrive Leads'? The fields are in place and I've tested them with and without custom error text in GForms, same result - the validation works but doesn't communicate anything. Am I missing something?
Did you mark the fields as required using Thrive Architect / Thrive Leads?
Nice work. Quick question, do you know how to get the calendar to show up for date fields so the user doesn't get an error if they don't use mm/dd/yyyy etc..?
The date field is a tough one. I don't think you'll be able to easily integrate a date picker with the Thrive Leads tools. Best I've done with dates is create a text field and use the description to ask for mm/dd/yyyy.
Thank you Marketer Doug.
TY!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
You're most welcome!
Well done and thank you for making this video, my form created an additional field but I was able to make it invisible with the responsive settings, best video of the day!
I'm so glad it helped! That extra field is most likely from the "Honeypot" anti-spam being active. I recommend you disable that if you run into any issues. Good luck!
Am I able to do this to process payments with Gravity forms ?
I guess that would just depend on how your payments are set up to process through Gravity Forms. I don't see why not, as long as the fields were compatible via the HTML form fields.
This is the perfect video at the perfect time. Let me ask you @Marketer Doug. I am planning on using the aweber Gravity forms addon, in your opinion would this setup also add the lead to my aweber list?
Yeah, I don't see why not. If you Gravity Form AWeber plugin sends those who fill out the form to AWeber, then Thrive Leads shouldn't get it the way. I have a MailChimp plugin that does the same thing, and this works perfectly fine with it.
Looks like the most recent update to Thrive Architect may have broken the HTML form input. They are aware of the issue and will be issuing a fix asap.
Make sure your Thrive Leads and all Thrive plugins are completely up to date. The validation errors go away once you update.
That's strange. It shouldn't modify the HTML. It should simply push those fields while representing them visually with the Thrive Leads interface.
Remove the "action" variable and leave it blank: action="" Then set the fields required in GForm and Thrive Leads interface. Tested and confirmed that will yield proper validation errors.
Doug, has the HTML input form been fixed? I had this set up nicely a few months ago but now it seems to be broken.
Yep, it's working for me. I just built up several forms yesterday using HTML and Thrive.