Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Learn Adding Contact Forms | Essential Plugins
Practice
Projects
Quizzes & Challenges
Quizzes
Challenges
/
Build a Code Free Website with WordPress

bookAdding Contact Forms

Contact forms allow visitors to send you messages without needing to open their email app. They are essential for most websitesβ€”whether you're running a business, blog, or personal portfolio.

Why Contact Forms Are Important

Using a contact form protects your email address from spam, gives users a professional way to reach you, and lets you control what kind of information you collectβ€”like name, subject, and message.

Using the Preinstalled Form (SureForms)
expand arrow

If you're using a Starter Template with the Astra theme, a contact form may already be included by default. These forms are built with a plugin called SureCart Forms (also known as SureForms), which came bundled with your design.

To customize this form:

  1. Go to SureCart β†’ Forms in the WordPress dashboard;
  2. Click on the form that was automatically created (e.g., "Contact Form");
  3. From there, you can edit the form fields, change labels, and adjust the layout.
Creating a New Form
expand arrow

If you'd rather create a new form from scratch (or if your template didn't come with one), follow these steps:

  1. Go to SureForms β†’ Forms and click Add New;
  2. Choose a layout or start from scratch;
  3. Drag and drop fields like:
    • Name;
    • Email;
    • Message.
  4. Customize field labels, placeholders, and required settings;
  5. Click Publish to save the form.
Adding the Form to a Page
expand arrow

Once your form is ready:

  1. Go to Pages β†’ All Pages, then open the page where you want to insert the form;
  2. Click the + button to add a block;
  3. Search for SureForms and select it;
  4. Choose your form from the dropdown list;
  5. Update or publish the page.

Now your visitors can send messages directly through your site.

question mark

What is one advantage of using a contact form on your website?

Select the correct answer

Everything was clear?

How can we improve it?

Thanks for your feedback!

SectionΒ 4. ChapterΒ 2

Ask AI

expand

Ask AI

ChatGPT

Ask anything or try one of the suggested questions to begin our chat

Suggested prompts:

What are the steps to customize an existing contact form?

How do I add a new field to my contact form?

Can you explain how to place a contact form on a different page?

bookAdding Contact Forms

Swipe to show menu

Contact forms allow visitors to send you messages without needing to open their email app. They are essential for most websitesβ€”whether you're running a business, blog, or personal portfolio.

Why Contact Forms Are Important

Using a contact form protects your email address from spam, gives users a professional way to reach you, and lets you control what kind of information you collectβ€”like name, subject, and message.

Using the Preinstalled Form (SureForms)
expand arrow

If you're using a Starter Template with the Astra theme, a contact form may already be included by default. These forms are built with a plugin called SureCart Forms (also known as SureForms), which came bundled with your design.

To customize this form:

  1. Go to SureCart β†’ Forms in the WordPress dashboard;
  2. Click on the form that was automatically created (e.g., "Contact Form");
  3. From there, you can edit the form fields, change labels, and adjust the layout.
Creating a New Form
expand arrow

If you'd rather create a new form from scratch (or if your template didn't come with one), follow these steps:

  1. Go to SureForms β†’ Forms and click Add New;
  2. Choose a layout or start from scratch;
  3. Drag and drop fields like:
    • Name;
    • Email;
    • Message.
  4. Customize field labels, placeholders, and required settings;
  5. Click Publish to save the form.
Adding the Form to a Page
expand arrow

Once your form is ready:

  1. Go to Pages β†’ All Pages, then open the page where you want to insert the form;
  2. Click the + button to add a block;
  3. Search for SureForms and select it;
  4. Choose your form from the dropdown list;
  5. Update or publish the page.

Now your visitors can send messages directly through your site.

question mark

What is one advantage of using a contact form on your website?

Select the correct answer

Everything was clear?

How can we improve it?

Thanks for your feedback!

SectionΒ 4. ChapterΒ 2
some-alt