How to Add Contact us page in blogger | blog topic ideas

 

Today we will give you a complete guide with the help of images on how to create a contact us page,

And we're going to provide you with an "HTML" code through our platform blog topic ideas that you can modify a little to your own.

The contact will be placed in the "HTML view" of your blogger page.

 

Add Contact us page in blogger step by step

How to Add Contact us page in blogger | blog topic ideas

Creating a "Contact Us" page in Blogger involves a few steps, including adding a new page, customizing it with your contact information, and embedding an HTML contact form. Here's a detailed guide with images to help you through the process:

 

Step 1: Log In to Blogger

 

Log in to your Blogger account at blogger.com.

 

Step 2: Access the Blogger Dashboard

 

Once you're logged in, you'll be taken to your Blogger dashboard.

 

Step 3: Create a New Page

 

In the Blogger dashboard, click on the blog you want to add the "Contact Us" page to.

On the left-hand menu, select "Pages."

Click the "New Page" button.

 

Step 4: Configure Page Settings

In the "Page Settings" section, give your page a title (e.g., "Contact Us").

Click on "HTML" view to switch to the HTML editor.

Step 5: Add Contact Information

In the HTML editor, you can add your contact information. Here's an example HTML code you can use and customize:

 

html

Copy code

<h1>Contact Us for Quires / Suggestions !</h1>

 

    <h2 style="text-align: center;">Welcome to <span id="W_Name"> Your Blog Name </span>!</h2>

 

    <p style="font-size: 17px;">Please email us if you have any queries about the site, advertising, or anything else.</p>

 

    <div style="text-align: center;">

 

      <img alt="contact-us" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimlBypvjVLzTJOWoeBxSiFvXVBy8voL56W7XcSd-CV50jlJW_rUIPE-telp8lbjQF1xQFafOtOaoMobWzgbEWzMQq5ID5Ue0aN9mvbAtV86SoCo9yMaSbpzL0f3jWFPaaI9Ub6JTRUQxY/w320-h87/email-us-1805514__480.webp" width="320" height="87">

 

      <p style="margin-left: 25%;"><i class="fas fa-envelope-open-text" style="color: #3edc81; font-size: 20px;"></i> <b><i> <span id="W_Email"><a href="mailto:Your Gmail Name ">Your Gmail Name</a></span></i></b><br>

 

        <i class="fab fa-whatsapp-square" style="color: #3edc81; font-size: 20px;"></i> <b><span id="W_whatsapp"><a href="tel:"></a></span></b><br></p>   

 

      <h3 style="color: #3e005d;">We will revert you as soon as possible...!</h3>

      <p style="color: #3e005d; text-align: center;">Thank you for contacting us! <br><b>Have a great day</b></p>

      <span style="font-size: 5px; opacity: 5;">This page is copy,past with the help of <a href="https://www.hameedahsanwebsite.com" style="color: inherit;">Contact Us Page Generator</a></span>

    </div>

  Replace the example your blog name and email with your own contact details.

Then change “Compose View”

And then view the page

After All changing the final look contact us page of your blog

Step 6: Add a Contact Form (Optional)

If you want to include a contact form, you can use a third-party service like Google Forms or JotForm. Create a form in one of these services, and then embed it on your "Contact Us" page using the following HTML code:

 

html

Copy code

<iframe src="https://your-form-url-here.com" width="100%" height="400" frameborder="0" scrolling="no"></iframe>

Replace "https://your-form-url-here.com" with the actual URL of your contact form.

 

Step 7: Save and Publish

 

After adding your contact information and optional contact form, click the "Publish" button at the top right of the page editor to make your "Contact Us" page live on your blog.

 

Add the Contact us page to Your Blog's Navigation

To make it easy for visitors to find your "Contact Us" page, you can add it to your blog's navigation menu:

•         1.   Go to the Blogger dashboard.
• 2.    Select "Layout" from the left-hand menu.
• 3.    Click on the "Add a Gadget" link in your blog's header or sidebar.
• 4.    Choose the "Pages" gadget.
• 5.    Select the "Contact Us" page and save your changes.
• 6.    Now, your "Contact Us" page should be accessible from your blog's navigation menu.

That's it! You've successfully created a "Contact Us" page on your Blogger blog. Visitors can now reach out to you with their questions and feedback.