{"id":99,"date":"2023-08-10T11:02:01","date_gmt":"2023-08-10T08:02:01","guid":{"rendered":"https:\/\/elementor.com\/help\/?p=99"},"modified":"2024-06-25T10:47:03","modified_gmt":"2024-06-25T07:47:03","slug":"how-to-use-caldera-forms-on-elementor","status":"publish","type":"post","link":"https:\/\/elementor.com\/help\/how-to-use-caldera-forms-on-elementor\/","title":{"rendered":"Use Caldera Forms on Elementor"},"content":{"rendered":"\n<p>        <a href=\"window.print()\" class=\"printArticle\" title=\"Print this article\" aria-label=\"Print this Article\"><i class=\"icon-print\"><\/i><\/a><\/p>\n\n\n\n<p>This guide explains how to add a contact form to your WordPress site using Caldera Forms and Elementor Website Builder, using the image below as the example.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1000\" height=\"504\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2020\/04\/file-O9UkHy21H8.jpg\" alt=\"how to add Caldera Forms to Elementor\" class=\"wp-image-1649\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2020\/04\/file-O9UkHy21H8.jpg 1000w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2020\/04\/file-O9UkHy21H8-300x151.jpg 300w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2020\/04\/file-O9UkHy21H8-768x387.jpg 768w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Create the Contact Form Using Caldera Forms<\/h2>\n\n\n\n<p>After you&#8217;ve installed <a href=\"https:\/\/wordpress.org\/plugins\/caldera-forms\/\">Caldera Forms<\/a> plugin, create a new form within its interface, with four fields, First Name, Last Name, Email Address, and Comments\/Questions. You can also integrate the form with MailChimp using Caldera\u2019s add-in to Mailchimp. Caldera offers mailing list add-ons to services like MailChimp, Aweber, and ConverKit.&nbsp;To connect to Mailchimp, add the API key, choose the list, connect its fields to my form\u2019s fields, and that\u2019s it. From the Caldera Forms dashboard, copy the shortcode of the form you just created.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Add the section on your page where the Caldera Form will be placed<\/h2>\n\n\n\n<p>In the Elementor editor, add a two column section where the form will be placed. The first column will include&nbsp;the main heading and subheading on the left, and the right column will include the contact form on the right.&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Drag and Drop the Shortcode Widget<\/h2>\n\n\n\n<p>Now drag the&nbsp;&nbsp;<a href=\"https:\/\/elementor.com\/help\/shortcode-widget\/\">Shortcode Widget<\/a>&nbsp;into the right column that you created above, and paste the shortcode of the Caldera Form that you created in the widget&#8217;s options. <\/p>\n\n\n\t\t<div data-elementor-type=\"page\" data-elementor-id=\"50315\" class=\"elementor elementor-50315\" data-elementor-post-type=\"elementor_library\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4662c5e3 e-flex e-con-boxed e-con e-parent\" data-id=\"4662c5e3\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6bb15bb1 elementor-widget elementor-widget-text-editor\" data-id=\"6bb15bb1\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\n<p><div class=\"hbox callout-default\">\n                <div class=\"hicon\"> \n                    <span class=\"material-symbols-outlined\"><\/span>\n                <\/div>\n                <div class=\"hboxinfo\">\n                    <strong><\/strong>\n                    <div class=\"hcontent\">Still need help creating the perfect form? Check out <a href=\"https:\/\/elementor.com\/help\/form-integration-service\/\">Elementor Premium Services<\/a> for expert advice.<\/div>\n                <\/div>\n            <\/div>\u00a0\u00a0<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n","protected":false},"excerpt":{"rendered":"<p>Learn how to use Caldera forms with the free version of Elementor<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_elementor_kustomer_id":["65b0f1bbb858da1d1081b115"],"footnotes":""},"categories":[1449],"tags":[],"class_list":["post-99","post","type-post","status-publish","format-standard","hentry","category-integrating-forms-with-3rd-party-software"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.3 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Use Caldera Forms on Elementor | Elementor<\/title>\n<meta name=\"description\" content=\"Learn everything about Use Caldera Forms on Elementor in this article from Elementor&#039;s Knowledge Base. Get Elementor tips &amp; more.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/elementor.com\/help\/how-to-use-caldera-forms-on-elementor\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Use Caldera Forms on Elementor | Elementor\" \/>\n<meta property=\"og:description\" content=\"Learn everything about Use Caldera Forms on Elementor in this article from Elementor&#039;s Knowledge Base. Get Elementor tips &amp; more.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/elementor.com\/help\/how-to-use-caldera-forms-on-elementor\/\" \/>\n<meta property=\"og:site_name\" content=\"Help\" \/>\n<meta property=\"article:published_time\" content=\"2023-08-10T08:02:01+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-06-25T07:47:03+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2020\/04\/file-O9UkHy21H8.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1000\" \/>\n\t<meta property=\"og:image:height\" content=\"504\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Alan Kaler\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Alan Kaler\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/elementor.com\/help\/how-to-use-caldera-forms-on-elementor\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/help\/how-to-use-caldera-forms-on-elementor\/\"},\"author\":{\"name\":\"Alan Kaler\",\"@id\":\"https:\/\/elementor.com\/help\/#\/schema\/person\/ebf805be1a1abdd587d4b97e3328f430\"},\"headline\":\"Use Caldera Forms on Elementor\",\"datePublished\":\"2023-08-10T08:02:01+00:00\",\"dateModified\":\"2024-06-25T07:47:03+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/elementor.com\/help\/how-to-use-caldera-forms-on-elementor\/\"},\"wordCount\":224,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/elementor.com\/help\/#organization\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/help\/how-to-use-caldera-forms-on-elementor\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2020\/04\/file-O9UkHy21H8.jpg\",\"articleSection\":[\"Integrating forms with 3rd party software\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/elementor.com\/help\/how-to-use-caldera-forms-on-elementor\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/elementor.com\/help\/how-to-use-caldera-forms-on-elementor\/\",\"url\":\"https:\/\/elementor.com\/help\/how-to-use-caldera-forms-on-elementor\/\",\"name\":\"Use Caldera Forms on Elementor | Elementor\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/help\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/elementor.com\/help\/how-to-use-caldera-forms-on-elementor\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/help\/how-to-use-caldera-forms-on-elementor\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2020\/04\/file-O9UkHy21H8.jpg\",\"datePublished\":\"2023-08-10T08:02:01+00:00\",\"dateModified\":\"2024-06-25T07:47:03+00:00\",\"description\":\"Learn everything about Use Caldera Forms on Elementor in this article from Elementor's Knowledge Base. Get Elementor tips & more.\",\"breadcrumb\":{\"@id\":\"https:\/\/elementor.com\/help\/how-to-use-caldera-forms-on-elementor\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/elementor.com\/help\/how-to-use-caldera-forms-on-elementor\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/elementor.com\/help\/how-to-use-caldera-forms-on-elementor\/#primaryimage\",\"url\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2020\/04\/file-O9UkHy21H8.jpg\",\"contentUrl\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2020\/04\/file-O9UkHy21H8.jpg\",\"width\":1000,\"height\":504},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/elementor.com\/help\/how-to-use-caldera-forms-on-elementor\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Help Center\",\"item\":\"https:\/\/elementor.com\/help\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Elementor Editor\",\"item\":\"https:\/\/elementor.com\/help\/elementor-editor\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Forms\",\"item\":\"https:\/\/elementor.com\/help\/elementor-editor\/forms\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"Integrating forms with 3rd party software\",\"item\":\"https:\/\/elementor.com\/help\/elementor-editor\/forms\/integrating-forms-with-3rd-party-software\/\"},{\"@type\":\"ListItem\",\"position\":5,\"name\":\"Use Caldera Forms on Elementor\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/elementor.com\/help\/#website\",\"url\":\"https:\/\/elementor.com\/help\/\",\"name\":\"Elementor\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/elementor.com\/help\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/elementor.com\/help\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/elementor.com\/help\/#organization\",\"name\":\"Elementor\",\"url\":\"https:\/\/elementor.com\/help\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/elementor.com\/help\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/images.png\",\"contentUrl\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/images.png\",\"width\":225,\"height\":225,\"caption\":\"Elementor\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/help\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/elementor.com\/help\/#\/schema\/person\/ebf805be1a1abdd587d4b97e3328f430\",\"name\":\"Alan Kaler\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/elementor.com\/help\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/7618989d1401c38afe50748601d8dad91fdb8930f53fe037881768b15ab4b108?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/7618989d1401c38afe50748601d8dad91fdb8930f53fe037881768b15ab4b108?s=96&d=mm&r=g\",\"caption\":\"Alan Kaler\"},\"description\":\"Alan Kaler is an expert Elementorist at Elementor and a WordPress Magician who thinks that the three most beautiful words in our language are: I told you\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Use Caldera Forms on Elementor | Elementor","description":"Learn everything about Use Caldera Forms on Elementor in this article from Elementor's Knowledge Base. Get Elementor tips & more.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/elementor.com\/help\/how-to-use-caldera-forms-on-elementor\/","og_locale":"en_US","og_type":"article","og_title":"Use Caldera Forms on Elementor | Elementor","og_description":"Learn everything about Use Caldera Forms on Elementor in this article from Elementor's Knowledge Base. Get Elementor tips & more.","og_url":"https:\/\/elementor.com\/help\/how-to-use-caldera-forms-on-elementor\/","og_site_name":"Help","article_published_time":"2023-08-10T08:02:01+00:00","article_modified_time":"2024-06-25T07:47:03+00:00","og_image":[{"width":1000,"height":504,"url":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2020\/04\/file-O9UkHy21H8.jpg","type":"image\/jpeg"}],"author":"Alan Kaler","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Alan Kaler","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/elementor.com\/help\/how-to-use-caldera-forms-on-elementor\/#article","isPartOf":{"@id":"https:\/\/elementor.com\/help\/how-to-use-caldera-forms-on-elementor\/"},"author":{"name":"Alan Kaler","@id":"https:\/\/elementor.com\/help\/#\/schema\/person\/ebf805be1a1abdd587d4b97e3328f430"},"headline":"Use Caldera Forms on Elementor","datePublished":"2023-08-10T08:02:01+00:00","dateModified":"2024-06-25T07:47:03+00:00","mainEntityOfPage":{"@id":"https:\/\/elementor.com\/help\/how-to-use-caldera-forms-on-elementor\/"},"wordCount":224,"commentCount":0,"publisher":{"@id":"https:\/\/elementor.com\/help\/#organization"},"image":{"@id":"https:\/\/elementor.com\/help\/how-to-use-caldera-forms-on-elementor\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2020\/04\/file-O9UkHy21H8.jpg","articleSection":["Integrating forms with 3rd party software"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/elementor.com\/help\/how-to-use-caldera-forms-on-elementor\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/elementor.com\/help\/how-to-use-caldera-forms-on-elementor\/","url":"https:\/\/elementor.com\/help\/how-to-use-caldera-forms-on-elementor\/","name":"Use Caldera Forms on Elementor | Elementor","isPartOf":{"@id":"https:\/\/elementor.com\/help\/#website"},"primaryImageOfPage":{"@id":"https:\/\/elementor.com\/help\/how-to-use-caldera-forms-on-elementor\/#primaryimage"},"image":{"@id":"https:\/\/elementor.com\/help\/how-to-use-caldera-forms-on-elementor\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2020\/04\/file-O9UkHy21H8.jpg","datePublished":"2023-08-10T08:02:01+00:00","dateModified":"2024-06-25T07:47:03+00:00","description":"Learn everything about Use Caldera Forms on Elementor in this article from Elementor's Knowledge Base. Get Elementor tips & more.","breadcrumb":{"@id":"https:\/\/elementor.com\/help\/how-to-use-caldera-forms-on-elementor\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/elementor.com\/help\/how-to-use-caldera-forms-on-elementor\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/help\/how-to-use-caldera-forms-on-elementor\/#primaryimage","url":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2020\/04\/file-O9UkHy21H8.jpg","contentUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2020\/04\/file-O9UkHy21H8.jpg","width":1000,"height":504},{"@type":"BreadcrumbList","@id":"https:\/\/elementor.com\/help\/how-to-use-caldera-forms-on-elementor\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Help Center","item":"https:\/\/elementor.com\/help\/"},{"@type":"ListItem","position":2,"name":"Elementor Editor","item":"https:\/\/elementor.com\/help\/elementor-editor\/"},{"@type":"ListItem","position":3,"name":"Forms","item":"https:\/\/elementor.com\/help\/elementor-editor\/forms\/"},{"@type":"ListItem","position":4,"name":"Integrating forms with 3rd party software","item":"https:\/\/elementor.com\/help\/elementor-editor\/forms\/integrating-forms-with-3rd-party-software\/"},{"@type":"ListItem","position":5,"name":"Use Caldera Forms on Elementor"}]},{"@type":"WebSite","@id":"https:\/\/elementor.com\/help\/#website","url":"https:\/\/elementor.com\/help\/","name":"Elementor","description":"","publisher":{"@id":"https:\/\/elementor.com\/help\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/elementor.com\/help\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/elementor.com\/help\/#organization","name":"Elementor","url":"https:\/\/elementor.com\/help\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/help\/#\/schema\/logo\/image\/","url":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/images.png","contentUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/images.png","width":225,"height":225,"caption":"Elementor"},"image":{"@id":"https:\/\/elementor.com\/help\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/elementor.com\/help\/#\/schema\/person\/ebf805be1a1abdd587d4b97e3328f430","name":"Alan Kaler","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/help\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/7618989d1401c38afe50748601d8dad91fdb8930f53fe037881768b15ab4b108?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/7618989d1401c38afe50748601d8dad91fdb8930f53fe037881768b15ab4b108?s=96&d=mm&r=g","caption":"Alan Kaler"},"description":"Alan Kaler is an expert Elementorist at Elementor and a WordPress Magician who thinks that the three most beautiful words in our language are: I told you"}]}},"_links":{"self":[{"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/posts\/99","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/comments?post=99"}],"version-history":[{"count":3,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/posts\/99\/revisions"}],"predecessor-version":[{"id":50419,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/posts\/99\/revisions\/50419"}],"wp:attachment":[{"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/media?parent=99"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/categories?post=99"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/tags?post=99"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}