{"id":544,"date":"2023-08-28T10:29:50","date_gmt":"2023-08-28T10:29:50","guid":{"rendered":"https:\/\/nt.jaygregorio.com\/support\/?post_type=ht_kb&#038;p=544"},"modified":"2023-11-24T09:31:14","modified_gmt":"2023-11-24T09:31:14","slug":"elementor-integration-with-fluent-crm","status":"publish","type":"ht_kb","link":"https:\/\/nt.jaygregorio.com\/support\/knowledge-base\/elementor-integration-with-fluent-crm\/","title":{"rendered":"Elementor Integration with Fluent CRM"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">Integrating Elementor with FluentCRM allows you to combine the power of Elementor&#8217;s visual website-building capabilities with FluentCRM&#8217;s email marketing and automation features. By integrating these two tools, you can capture leads through your Elementor-designed forms and seamlessly manage and engage with them using FluentCRM. <br><br>Here&#8217;s a general guide on how to achieve this integration:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>#1\u00a0<\/strong>At first, go to your dashboard &amp; click <strong>Pages.\u00a0<\/strong>Then click on\u00a0<strong>Add New Page\u00a0<\/strong>to create your Page.\u00a0<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"497\" src=\"https:\/\/nt.jaygregorio.com\/support\/wp-content\/uploads\/2023\/11\/e1-1024x497.webp\" alt=\"\" class=\"wp-image-602\" srcset=\"https:\/\/nt.jaygregorio.com\/support\/wp-content\/uploads\/2023\/11\/e1-1024x497.webp 1024w, https:\/\/nt.jaygregorio.com\/support\/wp-content\/uploads\/2023\/11\/e1-300x146.webp 300w, https:\/\/nt.jaygregorio.com\/support\/wp-content\/uploads\/2023\/11\/e1-768x373.webp 768w, https:\/\/nt.jaygregorio.com\/support\/wp-content\/uploads\/2023\/11\/e1-50x24.webp 50w, https:\/\/nt.jaygregorio.com\/support\/wp-content\/uploads\/2023\/11\/e1-1536x746.webp 1536w, https:\/\/nt.jaygregorio.com\/support\/wp-content\/uploads\/2023\/11\/e1.webp 1868w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>#2&nbsp;<\/strong>In this example, the post is named \u2018Sample Page\u2019. Then you have to click the&nbsp;<strong>Edit with Elementor&nbsp;<\/strong>button, which will take you to the Elementor page editor.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"481\" src=\"https:\/\/nt.jaygregorio.com\/support\/wp-content\/uploads\/2023\/11\/e2-1024x481.webp\" alt=\"\" class=\"wp-image-603\" srcset=\"https:\/\/nt.jaygregorio.com\/support\/wp-content\/uploads\/2023\/11\/e2-1024x481.webp 1024w, https:\/\/nt.jaygregorio.com\/support\/wp-content\/uploads\/2023\/11\/e2-300x141.webp 300w, https:\/\/nt.jaygregorio.com\/support\/wp-content\/uploads\/2023\/11\/e2-768x361.webp 768w, https:\/\/nt.jaygregorio.com\/support\/wp-content\/uploads\/2023\/11\/e2-50x23.webp 50w, https:\/\/nt.jaygregorio.com\/support\/wp-content\/uploads\/2023\/11\/e2-1536x721.webp 1536w, https:\/\/nt.jaygregorio.com\/support\/wp-content\/uploads\/2023\/11\/e2.webp 1881w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>#3&nbsp;<\/strong>Now, let\u2019s create a simple form using Elementor\u2019s&nbsp;<strong>Form&nbsp;<\/strong>widget. The form used in this tutorial has a&nbsp;First Name, Last Name, and email&nbsp;field for demonstration purposes.&nbsp;You can edit the fields by clicking the <strong>Form Fields<\/strong> in the upper left section.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"343\" src=\"https:\/\/nt.jaygregorio.com\/support\/wp-content\/uploads\/2023\/08\/f3-1-1024x343.webp\" alt=\"\" class=\"wp-image-548\" srcset=\"https:\/\/nt.jaygregorio.com\/support\/wp-content\/uploads\/2023\/08\/f3-1-1024x343.webp 1024w, https:\/\/nt.jaygregorio.com\/support\/wp-content\/uploads\/2023\/08\/f3-1-300x100.webp 300w, https:\/\/nt.jaygregorio.com\/support\/wp-content\/uploads\/2023\/08\/f3-1-768x257.webp 768w, https:\/\/nt.jaygregorio.com\/support\/wp-content\/uploads\/2023\/08\/f3-1-50x17.webp 50w, https:\/\/nt.jaygregorio.com\/support\/wp-content\/uploads\/2023\/08\/f3-1-1536x514.webp 1536w, https:\/\/nt.jaygregorio.com\/support\/wp-content\/uploads\/2023\/08\/f3-1.webp 1854w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>#4&nbsp;<\/strong>Then, scroll down to the&nbsp;<strong>Actions after Submit&nbsp;<\/strong>option and click on it. Here you will find an option to&nbsp;<strong>Add Actions.&nbsp;<\/strong>You can add actions that will be performed after a user submits a form. After clicking this, select the Fluent CRM option from the dropdown menu.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"445\" src=\"https:\/\/nt.jaygregorio.com\/support\/wp-content\/uploads\/2023\/08\/f4-1-1024x445.webp\" alt=\"\" class=\"wp-image-549\" srcset=\"https:\/\/nt.jaygregorio.com\/support\/wp-content\/uploads\/2023\/08\/f4-1-1024x445.webp 1024w, https:\/\/nt.jaygregorio.com\/support\/wp-content\/uploads\/2023\/08\/f4-1-300x130.webp 300w, https:\/\/nt.jaygregorio.com\/support\/wp-content\/uploads\/2023\/08\/f4-1-768x334.webp 768w, https:\/\/nt.jaygregorio.com\/support\/wp-content\/uploads\/2023\/08\/f4-1-50x22.webp 50w, https:\/\/nt.jaygregorio.com\/support\/wp-content\/uploads\/2023\/08\/f4-1-1536x667.webp 1536w, https:\/\/nt.jaygregorio.com\/support\/wp-content\/uploads\/2023\/08\/f4-1.webp 1701w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>#5&nbsp;<\/strong>After that, you will find a&nbsp;<strong>Fluent CRM&nbsp;<\/strong>option below Actions After Submit. This is where you can map the CRM fields according to your form fields. Here First Name, Last Name, and Email fields will be mapped into the form.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"674\" height=\"920\" src=\"https:\/\/nt.jaygregorio.com\/support\/wp-content\/uploads\/2023\/08\/f5.webp\" alt=\"\" class=\"wp-image-550\" srcset=\"https:\/\/nt.jaygregorio.com\/support\/wp-content\/uploads\/2023\/08\/f5.webp 674w, https:\/\/nt.jaygregorio.com\/support\/wp-content\/uploads\/2023\/08\/f5-220x300.webp 220w, https:\/\/nt.jaygregorio.com\/support\/wp-content\/uploads\/2023\/08\/f5-37x50.webp 37w\" sizes=\"auto, (max-width: 674px) 100vw, 674px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>#6&nbsp;<\/strong>You can also turn on the&nbsp;<strong>Add Only&nbsp;<\/strong>option when you want to add new contacts. You don\u2019t need to update your existing contacts.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"648\" height=\"879\" src=\"https:\/\/nt.jaygregorio.com\/support\/wp-content\/uploads\/2023\/08\/f6-1.webp\" alt=\"\" class=\"wp-image-551\" srcset=\"https:\/\/nt.jaygregorio.com\/support\/wp-content\/uploads\/2023\/08\/f6-1.webp 648w, https:\/\/nt.jaygregorio.com\/support\/wp-content\/uploads\/2023\/08\/f6-1-221x300.webp 221w, https:\/\/nt.jaygregorio.com\/support\/wp-content\/uploads\/2023\/08\/f6-1-37x50.webp 37w\" sizes=\"auto, (max-width: 648px) 100vw, 648px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>#7&nbsp;<\/strong>Turn on the&nbsp;<strong>Double Opt-in&nbsp;<\/strong>option if you want to send double opt-in emails for new or pending contacts. If you don\u2019t enable this, then the contact will be added as a subscribed state. Lastly, just click the&nbsp;<strong>Update&nbsp;<\/strong>button to save your settings.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Integrating Elementor with FluentCRM allows you to combine the power of Elementor&#8217;s visual website-building capabilities with FluentCRM&#8217;s email marketing and automation features. By integrating these two tools, you can capture leads through your Elementor-designed forms and seamlessly manage and engage with them using FluentCRM. Here&#8217;s a general guide on how to achieve this integration: #1\u00a0At&#8230;<\/p>\n","protected":false},"author":1,"comment_status":"open","ping_status":"closed","template":"","format":"standard","meta":{"_bbp_topic_count":0,"_bbp_reply_count":0,"_bbp_total_topic_count":0,"_bbp_total_reply_count":0,"_bbp_voice_count":0,"_bbp_anonymous_reply_count":0,"_bbp_topic_count_hidden":0,"_bbp_reply_count_hidden":0,"_bbp_forum_subforum_count":0,"_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"footnotes":""},"ht-kb-category":[],"ht-kb-tag":[],"class_list":["post-544","ht_kb","type-ht_kb","status-publish","format-standard","hentry"],"_links":{"self":[{"href":"https:\/\/nt.jaygregorio.com\/support\/wp-json\/wp\/v2\/ht-kb\/544","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nt.jaygregorio.com\/support\/wp-json\/wp\/v2\/ht-kb"}],"about":[{"href":"https:\/\/nt.jaygregorio.com\/support\/wp-json\/wp\/v2\/types\/ht_kb"}],"author":[{"embeddable":true,"href":"https:\/\/nt.jaygregorio.com\/support\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nt.jaygregorio.com\/support\/wp-json\/wp\/v2\/comments?post=544"}],"version-history":[{"count":2,"href":"https:\/\/nt.jaygregorio.com\/support\/wp-json\/wp\/v2\/ht-kb\/544\/revisions"}],"predecessor-version":[{"id":604,"href":"https:\/\/nt.jaygregorio.com\/support\/wp-json\/wp\/v2\/ht-kb\/544\/revisions\/604"}],"wp:attachment":[{"href":"https:\/\/nt.jaygregorio.com\/support\/wp-json\/wp\/v2\/media?parent=544"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/nt.jaygregorio.com\/support\/wp-json\/wp\/v2\/ht-kb-category?post=544"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/nt.jaygregorio.com\/support\/wp-json\/wp\/v2\/ht-kb-tag?post=544"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}