Skip to content
TemplateMela

Free shipping on orders over $50!

TemplateMela

Contact Form 7

After installing the contact form 7 plugins you have to add some HTML code to create contact form.

Step 1 : Go to “Admin panel > Contact“.

Step 2 : Click on ‘Add New‘ to create new contact form.

Step 3 : Then (if code not same as below copde then) copy the code and paste it to create the contact Form same as our live demo.

<label> Your name
    [text* your-name autocomplete:name] </label>

<label> Your email
    [email* your-email autocomplete:email] </label>

<label> Your message (optional)
    [textarea your-message] </label>


[submit "Submit"]

Step 4 : Also you have to edit mail field from Mail(tab) and save.

You can display contact form in any page by using its Shortcode.

Step 01 : Copy the below shortcode from “Admin Panel > Contact Forms > Shortcode“.

Step 02 : Paste in Shortcode block which you want to display.

Getting started

  • Welcome to TemplateMela
  • Theme Requirements

Support

  • My purchase code
  • How to get support

Installation

  • Theme Installation
  • Common installation issues

Build your site

  • WordPress configuration
  • General Settings

Update

  • Before updating
  • Update theme
  • Optimize theme

How to Translate

  • Templatemela Core Plugin
  • Avanam Theme
  • Compare translation
  • Wishlist Translation
  • Product Extras and Payment

Templatemela Settings

  • Shop Page Settings
  • Product Page Settings
  • Welcome Popup
  • Exit Popup
  • Cookie Popup
  • Notification Popup
  • Cross Sell
  • Variation Swatches
  • Product Gallery
  • Advanced Reviews
  • Product Brands
  • Add to Cart Text
  • Variation Options
  • Size Charts
  • Global Tabs
  • Snackbar Style Notices
  • Conditional Cart Banners
  • Checkout Coupon Modal
  • Checkout Editor
  • Extra Category Description
  • Buy Now
  • Sale Countdown
  • Advanced Settings
  • Product Info Service
  • Cart Page Elements
  • Checkout Page Elements

Woocommerce Settings

  • Settings
  • Woocommerce
  • Product Catalog (Shop Page)
  • Product Image
  • Single Product Layout
  • Product Types
  • Checkout Page
  • My Account Layout

Theme options

  • Theme Styling

General

  • Layout
  • Sidebar
  • Images
  • Scroll To Top
  • 404 Page Layout
  • Comments
  • Breadcrumbs
  • Social Links

Set up header

  • Top bar
  • Main row
  • Bottom row
  • Html and Html2
  • Logo
  • All navigation
  • Cart
  • Button And Button-2
  • Search
  • Social
  • Account
  • Widget Area
  • Search Bar And Search Advance
  • Contact
  • Toggle Widget Area
  • All Divider
  • Vertical Menu

Set up footer

  • Top-bar
  • Main-row
  • Bottom-row
  • Copyright
  • Footer Navigation
  • Social
  • Widget Area

All Breadcrumbs

  • Product Cataloge(Shop Page)
  • Single Product Layout
  • Page Layout
  • Single Post layout
  • Archive Layout(Blog Listing)
  • Search Results

E-commerce features

  • Product variation swatches
  • Sticky filter bar
  • Add To Cart Behavior
  • Catalog Off Canvas Sidebar
    • Catalog Off Canvas Sidebar Setting
  • Infinite Scroll

Mega menu

  • Menu Settings
  • Mega Menu

Dark Mode Toggle

  • General
  • Header Toggle
  • Footer Toggle

Plugins

  • Mailchimp
  • Contact Form 7
  • Slider Revolution
  • Product compare
  • Product wishlist
  • Product quick view

Additional

  • Page Settings
  • Widget Settings
  • Blog Posts

© 2025 WordPress Documentation - TemplateMela - WordPress Theme by Avanam

Scroll to top
  • Before updating
  • Catalog Off Canvas Sidebar Setting
  • General
  • Getting started
  • How to Customize Product Look (Product Cards) on Shop Page
Search