PWA
Install XTRA Theme PWA

Install our website's web application on your home screen for quick and easy access every time your are on the go.

Just tap Share then 'Add to home screen'Just tap Share then 'Add to home screen'
XTRA Tutorials
 
  • Getting Started
    • Installing XTRA
    • License Activation
    • Installing Plugins
    • Importing Demo Content
    • Assigning Home Page
    • Updating XTRA
    • Child Theme
  • Page Builder
    • Create a New Page
    • Elements Overview
    • List of Elements
    • General Settings
    • Header Settings
    • SEO Settings
  • Theme Options
    • Options Overview
    • General
      • Layout
      • Colors & Styles
      • Share Icons
      • SEO Meta Tags
      • Loading
      • Page 404
      • Custom Codes
      • White Label
      • Advanced
    • Typography
    • Header
      • Logo
      • Social Icons
      • Header
      • Sticky Header
      • Mobile Header
      • Fixed Side
      • Title and Breadcrumbs
    • Footer
      • Footer Top Bar
      • Footer Widgets
      • Footer Bottom Bar
      • Footer More
    • Blog
      • Blog Settings
      • Blog Styling
      • Blog Single Settings
      • Blog Single Styling
      • Search
    • Portfolio
      • Portfolio Slug & Title
      • Portfolio Settings
      • Portfolio Styling
      • Portfolio Single Settings
    • WooCommerce Pro
      • Products Settings
      • Products Styling
      • Product Settings
      • Product Styling
    • Site Identity
    • Menus
    • Widgets
    • Homepage Settings
    • WooCommerce
    • Additional CSS
    • Backup / Restore
  • Edit Guide
  • How to
  • Developer
Buy Theme
Changelog
XTRA WordPress Theme TutorialsYou arrived at the right place, How we can help you?
XTRA Tutorials
  • Getting Started
    • Installing XTRA
    • License Activation
    • Installing Plugins
    • Importing Demo Content
    • Assigning Home Page
    • Updating XTRA
    • Child Theme
  • Page Builder
    • Create a New Page
    • Elements Overview
    • List of Elements
    • General Settings
    • Header Settings
    • SEO Settings
  • Theme Options
    • Options Overview
    • General
      • Layout
      • Colors & Styles
      • Share Icons
      • SEO Meta Tags
      • Loading
      • Page 404
      • Custom Codes
      • White Label
      • Advanced
    • Typography
    • Header
      • Logo
      • Social Icons
      • Header
      • Sticky Header
      • Mobile Header
      • Fixed Side
      • Title and Breadcrumbs
    • Footer
      • Footer Top Bar
      • Footer Widgets
      • Footer Bottom Bar
      • Footer More
    • Blog
      • Blog Settings
      • Blog Styling
      • Blog Single Settings
      • Blog Single Styling
      • Search
    • Portfolio
      • Portfolio Slug & Title
      • Portfolio Settings
      • Portfolio Styling
      • Portfolio Single Settings
    • WooCommerce Pro
      • Products Settings
      • Products Styling
      • Product Settings
      • Product Styling
    • Site Identity
    • Menus
    • Widgets
    • Homepage Settings
    • WooCommerce
    • Additional CSS
    • Backup / Restore
  • Edit Guide
  • How to
  • Developer

How to Create a Custom Contact Page with CF7: A Step-by-Step Guide?

Home Latest Posts How to How to Create a Custom Contact Page with CF7: A Step-by-Step Guide?

Watch the video to learn how to create CF7 page

Step 1
Steps

Add CF7 in a page with Xtra Theme

  1. Add a new page or post
  2. Edit it with Elementor
  3. Search Contact Form 7 in elements list
  4. Add element of Contact From
  5. Customize the form
  6. Save the page or post

How to

contact formcontact form 7custom pagepage builder

FacebookXDeliciousLinkedinWhatsappTelegramEmailPrintShortlink
  • PreviousHow to Backup Your WordPress Theme and Plugins Before Updating?

  • NextHow to Rollback or Downgrade Your Theme and Codevz Plugin to Previous Versions?

Related Posts ...

Placeholder

How to add Mailchimp form via custom plugin?

How to
Placeholder

What is Difference Between Sections and Containers in Elementor

Getting Started, Page Builder
Placeholder

How to Save a Page as a Template in Elementor?

How to
Placeholder

How to Create and Add a Particle Section in Elementor?

How to
Placeholder

Theme Options: Homepage Settings

Theme Options
Placeholder

Element: Contact form 7 Pro

Page Builder

XTRA WordPress Theme

XTRA Popular WordPress Theme 2026

Recommended for you …

Essential Server Requirements and PHP Configuration: A Complete Guide

13 June 2024

How to Add Google Analytics Code to Your Website: A Step-by-Step Guide?

12 June 2024

How to Enable Built-In SEO Options in Your Theme?

15 August 2024

How to Translate Comments Section Titles in Theme?

20 September 2024

How to Add Cover Images to WooCommerce Categories and Tags

1 September 2024

How to Fix 404 Error on Portfolio Pages: A Step-by-Step Guide?

11 June 2024

How to Deactivate and Transfer Your License to Another Domain in Theme?

15 September 2024

How to Easily Change the WordPress Login Page Logo?

7 September 2024
If you can't find your answer on this documentation
Submit a ticketSubmit a ticket
© 2025 XTRA WordPress theme documentation.
FacebookInstagramYoutubeDribbble
This website uses cookies to improve user experience.Accept and close
Download Xtra Theme Purchase Theme Xtra Theme Documentation Documentation Xtra Theme Videos Tutorials Video Tutorials Xtra Theme Support Center Support center Xtra Theme Showcase Showcase