Content pages are a way to provide general information about your business or products. This article will outline the different options available on Ecomly for creating web pages like Homepage, About us, Contact, Terms of Service and more…
In this article, we explained how to work with Page Builder and how to create a simple page.
Create a new page
- From the Ecomly store dashboard, click Storefront > Pages > Add new
- Name your page
- Click the Publish button (Visibility options may be set if page is to remain private)
- Click Edit with Elementor to enter the Elementor Website Builder
Note: It’s very important to use just Elementor Page builder for editing regular pages. The WYSIWYG editor is available for Blog Posts.
On the right sidebar, you can find Page options and settings. The most common settings are Publish, Permalink, and Ecomly Theme Settings.
Publish – You can edit or schedule page publish date.
Permalink– Edit page URL
Ecomly Theme Settings – With options listed under, you can set variety of settings for each page.
Pages can have status displayed bellow.
- Published: pages that are visible on your site.
- Drafts: pages you’re still working on that haven’t been published yet.
- Scheduled: pages you have set to be published at a future time.
- Trashed: pages you have deleted. They can be restored from the trash for 30 days. After that, they are permanently deleted.
If you have multiple users on your website, you will also see tabs for pages you have created (the Me tab) and pages created by all users on your site (the Everyone tab).
Contact forms are a convenient way to manage how your customers get in touch with you. It allows you to set up a formatted message so you can control the information they send and reduce spam email contacts. Ecomly has a built-in contact form, but you can use a more robust app tailored for your business needs.
Add a contact form widget
First of all, open the page you want to use the Contact Form in. Once you have opened your page in Page Builder in the editor pane, you can use the contact form widget:
Setting up your contact form fields
First, let’s focus on the basics. Elementor pre-populates your form with the necessary fields that any contact form should have:
- Email (after all, you’ll need this to reply!)
Adding fields to your Contact Form
These are all you need for a basic contact form. But how about if you want more fields? To add a field to your Elementor form, click “Add Item“.
As you can see, there’s a range of settings, so let’s first select the Type. There are multiple different field types, including:
- File Upload
- reCAPTCHA V3
Phew! That’s a lot of field types!
Setting where your Form submissions go
In the Elementor editor, click on “Email” to display the available options:
There are a lot of fields for email. Out of the box, everything is pre-filled, so if you don’t need anything specific, you can breeze right past this and save your page.
If you want to understand more about the possibilities of the settings for your Elementor contact form, read on. 🙂
Here are all the options and what they do:
- To — The email address to which the form submission is sent. Can be sent to multiple email addresses. Enter email addresses separated by commas.
- Subject — The subject of the sent email with the submission, displayed in your email client.
- Message — Here, you can set what fields are sent from your contact form. Using the shortcodes we explored earlier when creating fields, you can set only some of these to send or receive all fields from the submission.
- From Email — The source email address that sends the email. Ensure you whitelist the email address so you receive all your submissions!
- From Name — The name of the person sending the form.
- Reply-to — This field is the email address the reply goes to when you click “reply” in your email client. By default, this is the website’s admin email, but you might want to change this. Click in the dropdown box and set it to the “Email field.”
- CC — Want anyone in the CC of the email? Enter their email address here, send to multiple email addresses (separated by commas).
- BCC — Need to send to a BCC? Enter their email address here, send to multiple email addresses (separated by commas).
Next, you’ll see there’s a meta box field that contains metadata, which you can set to be sent with the form submission.
You don’t usually need to modify or edit this.
Finally, there’s the “Send as” option. The send option allows you to select whether to send the submitted entry as plain text or HTML (defaults to HTML). Again you don’t usually need to change this.
Styling your Contact Form
In the editor, click on the “Style tab“.