If you use FRAMER sites for customer facing experiences & you want to connect FRAMER sites with your Salesforce ORG to capture LEADS or CASES, then this framer component will help you with this.
Below is a hands on demonstration of the component. 🎧recommended.
Usage notes
Make sure web-to-case/web-to-lead is enabled in your Salesforce org.
Make sure reCaptcha verification is turned ON if you are going to add reCaptcha key protections.
You can create reCaptcha from here: https://www.google.com/recaptcha/admin/create
Recaptcha key has to be version 2 (checkbox) type in order to work.
If you have made reCAPTCHA mandatory on Salesforce side for Web to Lead or Case setup, then adding a Captcha on the form is mandatory, else the records will not get created in Salesforce.
If you are going to test reCaptcha in canvas/preview mode make sure you add related web domains in the reCaptcha setup for same.
This should ideally be: framer.com, framercanvas.com and the URL you see in web address bar in browser’s when you preview the page.
Also, don’t forget to add your own production website URL.
As shown in below demo, standard field names can be grabbed from the
Salesforce HTML generator for Web to Case/Lead, for Custom fields you can use the Field ID for example:
When making changes and testing, make sure the setup field changes are done properly and while testing reload the page.
There is a situation where, despite enabling debug logs (salesforce) as well
console side, you might find trouble pushing the records to Salesforce,
following probable reasons for same:
You have added a hidden field with a value that is not acceptable at
as per configurations at Salesforce end.
Field or field name is not supported. Try the HTML generator to validate
if it’s supported.
There is a situation where, despite enabling debug logs (salesforce) as well console side, you might find trouble pushing the records to Salesforce,
following probable reasons for same:
- You have reached Salesforce Web-to-Lead or Web-To-Case limits. Check
admin email inbox of Salesforce account for limit notification email. - You have added a hidden field with a value that is not acceptable at as per configurations at Salesforce end.
- Field or field name is not supported.
- Try the HTML generator to validate if it’s supported.
Don’t forget to disable debugging, once tested and ready to go live.
Have a great day!