{"id":8349,"date":"2024-05-16T11:16:22","date_gmt":"2024-05-16T11:16:22","guid":{"rendered":"https:\/\/manuals.qantumthemes.xyz\/typify\/?post_type=ht_kb&p=8349"},"modified":"2024-05-16T11:24:31","modified_gmt":"2024-05-16T11:24:31","slug":"08-contact-form-7","status":"publish","type":"ht_kb","link":"https:\/\/manuals.qantumthemes.xyz\/typify\/knowledge-base\/08-contact-form-7\/","title":{"rendered":"08. Contact Form 7"},"content":{"rendered":"

To display a contact form on your website with Elementor:<\/p>\n

    \n
  1. Make sure the plugin Contact Form 7 is installed<\/li>\n
  2. Create a form (Click Contacts on the left)
    \nFor the set up of your cotnact form please refer to the official documentation, since is not a plugin from our company:\u00a0https:\/\/contactform7.com\/docs\/<\/li>\n
  3. In Elementor, enter the Cotnact Form 7 widget. Optionally choose a different from in the widget options.<\/li>\n<\/ol>\n

    \"\"<\/p>\n

    Troubleshooting email issues<\/h2>\n

    If you don’t receive emails, remember that that’s most probably because you need to set an SMTP account for your website. To do so, we recommend the plugin Wp SMTP (which is free)<\/p>\n

    https:\/\/wordpress.org\/plugins\/wp-mail-smtp\/<\/p>\n

      \n
    1. Go to Plugins > add new<\/li>\n
    2. Search and install\u00a0WP Mail SMTP by WPForms<\/li>\n
    3. Configure the SMTP options using your specific email details (ask your hosting if you need help on this)<\/li>\n<\/ol>\n

      Once done, emails from the form will be authenticated and you shouldn’t have problems. Make a test to ensure you can receive messages.<\/p>\n

      Very important information<\/h2>\n

      Our demo contact forms come with demo<\/strong> option enabled, so it cannot send emails for real.<\/strong>
      \nYou can work on your forms and once ready to go live, disable the Debug more.<\/p>\n

      To disable<\/strong> the demo mode, edit a form,\u00a0click \u201cAdditional Settings\u201d\u00a0<\/strong>and\u00a0remove \u201cdemo_mode:on\u201d.\u00a0<\/strong><\/p>\n

      \"\"<\/strong><\/p>\n

      Form appearance and formatting<\/h2>\n

      When importing the demo contents, please check thr HTML structure of the provided forms: it’s crafted specifically for this theme and allows to display the fields in the fancy theme styling.<\/p>\n

      Specific formatting: 3 requirements<\/h3>\n