Skip to main content

Alita – Contact

To setup Contact Page You have to install require plugins included: Elementor Website Builder, Contact Form by WPForms and TemPlaza Elements.

Contact

The Contact Page uses different Elementor widgets.

View Contact Page layout view on frontend:​

Contact

Steps to Create the Contact Demo Menu Items​

The Contact page on the demo site uses TemPlaza: Heading, UI Text, UI Accordion, UI Card, UI Marker, and WP Form widgets to display the Content.

Here is a guide to creating Contact Page:

Step 1: Create a template site​

  • Go to unzipped folder -> data-import -> templates -> elementor_template.json
  • Go to wp-admin -> Alita Options -> Templates -> Click “Add New” -> Import / Export
  • Insert Template title -> Click Publish

Contact

Contact

Step 2: Create a new page​

Go to wp-admin -> Pages -> Add New Page -> Edit with Elementor -> Publish

Contact

Step 3: Configure Elementor widgets​

Contact Page uses TemPlaza: Heading, UI Text, UI Accordion, UI Card, UI Marker, WP Form widgets.

1.Heading section​

The heading section uses TemPlaza: UI Text

Contact

Add title and content. Configure heading style “Large” and title tag “h1”.

2.Contact Form Section​

Add section with 2 columns. Contact Form section uses TemPlaza: Heading, UI Text, UI Accordion and WPForm

2.1. TemPlaza: Heading​

Contact

Enter title and highlight title. Configure Heading Style

2.2. TemPlaza UI Text​

Contact

Use UI Text widget to add text content.

2.3. TemPlaza: UI Accordion​

Contact

2.4. TemPlaza: WPForms​

Contact

3.Marker Section​

Marker section uses TemPlaza: UI Marker

Contact

4.Contact Information Section​

The contact information section uses TemPlaza: UI Card

Contact