How to Create Stylish Contact us Page GeneratePress Theme

Learn how to create a visually appealing and stylish “Contact Us” page using the GeneratePress theme. In this tutorial, we’ll guide you through the step-by-step process of designing an engaging and professional contact page for your website.

Are you looking to enhance your website’s user experience by creating an eye-catching “Contact Us” page? Look no further! This tutorial will demonstrate how to utilize the powerful features of the GeneratePress theme to design a modern and stylish contact page that will impress your visitors.

Read More: How to add social share buttons in Generatepress Theme without plugin

In this article, we’ll show you how to customize the appearance of the contact form, choose attractive typography, and add visually appealing elements to make your “Contact Us” page stand out. With the flexibility of the GeneratePress theme, you’ll have full control over the design, ensuring it matches your website’s branding perfectly.

Discover how to leverage GeneratePress’s extensive customization options to create a contact page that not only looks great but also encourages user engagement. We’ll provide insightful tips and tricks to optimize the usability of your contact form and ensure a seamless user experience.

By the end of this tutorial, you’ll have a stunning and functional “Contact Us” page that reflects your website’s style and engages visitors effectively.

Install Generateblocks Plugin

• Go to your Dashboard.
• Go to Plugins > Add New.
• Search GenerateBlocks.
• Click on Install and Activate the plugin.
• Now you are ready to use GenerateBlocks with GeneratePress Theme.

Create a Stylish Contact Us Page

• Go to Dashboard> Page.
• Click on Add New Page.
• Add a title to the new Page
• Copy the code below and add it to your page
• Now publish the page by customizing it as you like

Stylish Contact Us Page Code

<!-- wp:generateblocks/container {"uniqueId":"1537fc24","tagName":"section","isDynamic":true,"blockVersion":4,"display":"flex","flexDirectionMobile":"column","columnGap":"100px","columnGapTablet":"60px","rowGapMobile":"40px"} -->
<!-- wp:generateblocks/container {"uniqueId":"e58aed2b","isDynamic":true,"blockVersion":4,"sizing":{"width":"50%","widthMobile":"100%","height":"","maxWidth":""},"typography":{"textAlignMobile":"center"}} -->
<!-- wp:generateblocks/headline {"uniqueId":"c5003b59","blockVersion":3,"typography":{"textTransform":"capitalize"}} -->
<h2 class="gb-headline gb-headline-c5003b59 gb-headline-text">Get in touch</h2>
<!-- /wp:generateblocks/headline -->

<!-- wp:generateblocks/headline {"uniqueId":"f5f6ce8a","element":"p","blockVersion":3,"spacing":{"marginBottom":"40px"}} -->
<p class="gb-headline gb-headline-f5f6ce8a gb-headline-text">Website Setup is a free resource site for helping people to create, customize and improve their websites.</p>
<!-- /wp:generateblocks/headline -->

<!-- wp:generateblocks/container {"uniqueId":"c1d4759b","isDynamic":true,"blockVersion":4,"display":"flex","flexDirectionMobile":"column","alignItems":"center","columnGap":"20px","rowGapMobile":"10px","spacing":{"marginBottom":"20px","marginBottomMobile":"40px"}} -->
<!-- wp:generateblocks/button {"uniqueId":"10e59523","hasUrl":false,"blockVersion":4,"display":"inline-flex","alignItems":"center","justifyContent":"center","typography":{"textAlign":"center"},"spacing":{"paddingTop":"20px","paddingRight":"20px","paddingBottom":"20px","paddingLeft":"20px"},"backgroundColor":"var(\u002d\u002daccent-3)","textColor":"var(\u002d\u002dbase-2)","hasIcon":true,"removeText":true,"iconStyles":{"width":"2em","height":"2em","paddingRight":"0.5em"}} -->
<span class="gb-button gb-button-10e59523"><span class="gb-icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="1em" height="1em" aria-hidden="true"><path d="M464 64H48C21.49 64 0 85.49 0 112v288c0 26.51 21.49 48 48 48h416c26.51 0 48-21.49 48-48V112c0-26.51-21.49-48-48-48zm0 48v40.805c-22.422 18.259-58.168 46.651-134.587 106.49-16.841 13.247-50.201 45.072-73.413 44.701-23.208.375-56.579-31.459-73.413-44.701C106.18 199.465 70.425 171.067 48 152.805V112h416zM48 400V214.398c22.914 18.251 55.409 43.862 104.938 82.646 21.857 17.205 60.134 55.186 103.062 54.955 42.717.231 80.509-37.199 103.053-54.947 49.528-38.783 82.032-64.401 104.947-82.653V400H48z" fill="currentColor"></path></svg></span></span>
<!-- /wp:generateblocks/button -->

<!-- wp:generateblocks/container {"uniqueId":"73575364","isDynamic":true,"blockVersion":4,"sizing":{"height":"","maxWidth":""}} -->
<!-- wp:generateblocks/headline {"uniqueId":"c3604ae8","element":"h3","blockVersion":3,"typography":{"fontSize":"20px","fontSizeMobile":"19px","textAlignMobile":"center"},"spacing":{"marginBottom":"0px"}} -->
<h3 class="gb-headline gb-headline-c3604ae8 gb-headline-text">Email</h3>
<!-- /wp:generateblocks/headline -->

<!-- wp:generateblocks/headline {"uniqueId":"f3e4fae6","element":"p","blockVersion":3,"spacing":{"marginBottom":"0px"}} -->
<p class="gb-headline gb-headline-f3e4fae6 gb-headline-text"><a href="mailto:support@safewheels.com">info@chat4now.com</a></p>
<!-- /wp:generateblocks/headline -->
<!-- /wp:generateblocks/container -->
<!-- /wp:generateblocks/container -->

<!-- wp:generateblocks/container {"uniqueId":"eacb46a4","isDynamic":true,"blockVersion":4,"display":"flex","flexDirectionMobile":"column","alignItems":"center","columnGap":"20px","rowGapMobile":"10px","spacing":{"marginBottom":"20px","marginBottomMobile":"40px"}} -->
<!-- wp:generateblocks/button {"uniqueId":"989d5264","hasUrl":false,"blockVersion":4,"display":"inline-flex","alignItems":"center","justifyContent":"center","typography":{"textAlign":"center"},"spacing":{"paddingTop":"20px","paddingRight":"20px","paddingBottom":"20px","paddingLeft":"20px"},"backgroundColor":"var(\u002d\u002daccent-3)","textColor":"var(\u002d\u002dbase-2)","hasIcon":true,"removeText":true,"iconStyles":{"width":"2em","height":"2em","paddingRight":"0.5em"}} -->
<span class="gb-button gb-button-989d5264"><span class="gb-icon"><svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" style="enable-background:new 0 0 278.567 278.567" viewBox="0 0 278.567 278.567"><path d="m271.245 212.376-42.426-42.426c-9.747-9.748-25.608-9.747-35.355 0l-5.604 5.604a22.773 22.773 0 0 1-16.21 6.715 22.773 22.773 0 0 1-16.21-6.715l-52.432-52.433a22.773 22.773 0 0 1-6.715-16.21c0-6.124 2.385-11.88 6.715-16.21l5.604-5.604c9.748-9.747 9.748-25.608 0-35.355L66.184 7.316c-9.747-9.748-25.608-9.748-35.355 0-35.842 35.841-41.047 92.195-12.378 133.996C50.52 188.071 90.49 228.04 137.248 260.109a104.985 104.985 0 0 0 59.508 18.452c27.162-.001 54.135-10.476 74.488-30.829 4.722-4.722 7.323-11 7.323-17.678s-2.6-12.956-7.322-17.678zM43.557 20.042c1.322-1.321 3.08-2.049 4.95-2.049s3.628.728 4.95 2.05l42.426 42.426c1.322 1.322 2.05 3.08 2.05 4.95s-.728 3.627-2.05 4.95l-2.525 2.525-52.27-52.27a89.44 89.44 0 0 1 2.469-2.582zm103.872 225.223c-44.923-30.811-83.323-69.211-114.134-114.134-19.572-28.537-20.084-65.246-3.069-93.912l52.046 52.046c-2.603 5.44-3.981 11.437-3.981 17.646 0 10.932 4.257 21.209 11.987 28.938l52.432 52.432c7.73 7.73 18.007 11.987 28.938 11.987 6.209 0 12.206-1.377 17.646-3.981l52.047 52.047c-28.665 17.015-65.374 16.504-93.912-3.069zm111.088-10.262a88.012 88.012 0 0 1-2.581 2.469l-52.27-52.27 2.525-2.525c1.322-1.322 3.08-2.05 4.95-2.05s3.628.728 4.95 2.05l42.426 42.426c2.729 2.729 2.729 7.171 0 9.9z"></path></svg></span></span>
<!-- /wp:generateblocks/button -->

<!-- wp:generateblocks/container {"uniqueId":"d8cf6b83","isDynamic":true,"blockVersion":4,"sizing":{"height":"","maxWidth":""}} -->
<!-- wp:generateblocks/headline {"uniqueId":"fd6f5d8d","element":"h3","blockVersion":3,"sizing":{},"typography":{"fontSize":"20px","fontSizeMobile":"19px","textAlignMobile":"center"},"spacing":{"marginBottom":"0px"}} -->
<h3 class="gb-headline gb-headline-fd6f5d8d gb-headline-text">Phone</h3>
<!-- /wp:generateblocks/headline -->

<!-- wp:generateblocks/headline {"uniqueId":"743f3387","element":"p","blockVersion":3,"spacing":{"marginBottom":"0px"}} -->
<p class="gb-headline gb-headline-743f3387 gb-headline-text"><a href="tel: 0800 900 1000"></a><a href="tel: 0800 900 1000">0800 900 1000</a></p>
<!-- /wp:generateblocks/headline -->
<!-- /wp:generateblocks/container -->
<!-- /wp:generateblocks/container -->

<!-- wp:generateblocks/container {"uniqueId":"0a31b6cd","isDynamic":true,"blockVersion":4,"display":"flex","flexDirectionMobile":"column","alignItems":"center","columnGap":"20px","rowGapMobile":"10px","spacing":{"marginBottom":"20px","marginBottomMobile":"40px"}} -->
<!-- wp:generateblocks/button {"uniqueId":"e9624d06","hasUrl":false,"blockVersion":4,"display":"inline-flex","alignItems":"center","justifyContent":"center","typography":{"textAlign":"center"},"spacing":{"paddingTop":"20px","paddingRight":"20px","paddingBottom":"20px","paddingLeft":"20px"},"backgroundColor":"var(\u002d\u002daccent-3)","textColor":"var(\u002d\u002dbase-2)","hasIcon":true,"removeText":true,"iconStyles":{"width":"2em","height":"2em","paddingRight":"0.5em"}} -->
<span class="gb-button gb-button-e9624d06"><span class="gb-icon"><svg viewBox="0 0 368.666 368.666" style="enable-background:new 0 0 368.666 368.666" xml:space="preserve" xmlns="http://www.w3.org/2000/svg"><path d="M184.333 0C102.01 0 35.036 66.974 35.036 149.297c0 33.969 11.132 65.96 32.193 92.515 27.27 34.383 106.572 116.021 109.934 119.479l7.169 7.375 7.17-7.374c3.364-3.46 82.69-85.116 109.964-119.51 21.042-26.534 32.164-58.514 32.164-92.485C333.63 66.974 266.656 0 184.333 0zm101.462 229.355c-21.956 27.687-80.92 89.278-101.462 110.581-20.54-21.302-79.483-82.875-101.434-110.552-18.228-22.984-27.863-50.677-27.863-80.087C55.036 78.002 113.038 20 184.333 20c71.294 0 129.297 58.002 129.296 129.297 0 29.412-9.625 57.096-27.834 80.058z"></path><path d="M184.333 59.265c-48.73 0-88.374 39.644-88.374 88.374s39.645 88.374 88.374 88.374 88.374-39.645 88.374-88.374-39.644-88.374-88.374-88.374zm0 156.748c-37.702 0-68.374-30.673-68.374-68.374 0-37.702 30.673-68.374 68.374-68.374s68.373 30.673 68.374 68.374c0 37.702-30.672 68.374-68.374 68.374z"></path></svg></span></span>
<!-- /wp:generateblocks/button -->

<!-- wp:generateblocks/container {"uniqueId":"25a02a25","isDynamic":true,"blockVersion":4,"sizing":{"height":"","maxWidth":""}} -->
<!-- wp:generateblocks/headline {"uniqueId":"eec48bfe","element":"h3","blockVersion":3,"sizing":{},"typography":{"fontSize":"20px","fontSizeMobile":"19px","textAlignMobile":"center"},"spacing":{"marginBottom":"0px"}} -->
<h3 class="gb-headline gb-headline-eec48bfe gb-headline-text">Location</h3>
<!-- /wp:generateblocks/headline -->

<!-- wp:generateblocks/headline {"uniqueId":"ea38b2da","element":"p","blockVersion":3,"spacing":{"marginBottom":"0px"}} -->
<p class="gb-headline gb-headline-ea38b2da gb-headline-text">Dhaka, Bangladesh</p>
<!-- /wp:generateblocks/headline -->
<!-- /wp:generateblocks/container -->
<!-- /wp:generateblocks/container -->

<!-- wp:generateblocks/headline {"uniqueId":"60b49352","blockVersion":3,"typography":{"fontSize":"29px","fontSizeMobile":"24px"},"spacing":{"marginTop":"50px","marginBottom":"20px"}} -->
<h2 class="gb-headline gb-headline-60b49352 gb-headline-text">Social</h2>
<!-- /wp:generateblocks/headline -->

<!-- wp:generateblocks/container {"uniqueId":"3122df38","isDynamic":true,"blockVersion":4,"variantRole":"button-container","display":"flex","flexWrapMobile":"wrap","justifyContentMobile":"center","columnGap":"20px","rowGapMobile":"20px"} -->
<!-- wp:generateblocks/button {"uniqueId":"259344b4","hasUrl":true,"blockVersion":4,"display":"inline-flex","alignItems":"center","justifyContent":"center","typography":{"textAlign":"center"},"textColor":"var(\u002d\u002daccent-2)","textColorHover":"var(\u002d\u002daccent)","hasIcon":true,"removeText":true,"iconStyles":{"width":"1.8em","height":"1.8em","paddingRight":"0.5em"}} -->
<a class="gb-button gb-button-259344b4" href="#"><span class="gb-icon"><svg aria-hidden="true" role="img" height="1em" width="1em" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M400 32H48A48 48 0 0 0 0 80v352a48 48 0 0 0 48 48h137.25V327.69h-63V256h63v-54.64c0-62.15 37-96.48 93.67-96.48 27.14 0 55.52 4.84 55.52 4.84v61h-31.27c-30.81 0-40.42 19.12-40.42 38.73V256h68.78l-11 71.69h-57.78V480H400a48 48 0 0 0 48-48V80a48 48 0 0 0-48-48z"></path></svg></span></a>
<!-- /wp:generateblocks/button -->

<!-- wp:generateblocks/button {"uniqueId":"c4920660","hasUrl":true,"blockVersion":4,"display":"inline-flex","alignItems":"center","justifyContent":"center","typography":{"textAlign":"center"},"textColor":"var(\u002d\u002daccent-2)","textColorHover":"var(\u002d\u002daccent)","hasIcon":true,"removeText":true,"iconStyles":{"width":"1.8em","height":"1.8em","paddingRight":"0.5em"}} -->
<a class="gb-button gb-button-c4920660" href="#"><span class="gb-icon"><svg aria-hidden="true" role="img" height="1em" width="1em" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M416 32H31.9C14.3 32 0 46.5 0 64.3v383.4C0 465.5 14.3 480 31.9 480H416c17.6 0 32-14.5 32-32.3V64.3c0-17.8-14.4-32.3-32-32.3zM135.4 416H69V202.2h66.5V416zm-33.2-243c-21.3 0-38.5-17.3-38.5-38.5S80.9 96 102.2 96c21.2 0 38.5 17.3 38.5 38.5 0 21.3-17.2 38.5-38.5 38.5zm282.1 243h-66.4V312c0-24.8-.5-56.7-34.5-56.7-34.6 0-39.9 27-39.9 54.9V416h-66.4V202.2h63.7v29.2h.9c8.9-16.8 30.6-34.5 62.9-34.5 67.2 0 79.7 44.3 79.7 101.9V416z"></path></svg></span></a>
<!-- /wp:generateblocks/button -->

<!-- wp:generateblocks/button {"uniqueId":"2285e293","hasUrl":true,"blockVersion":4,"display":"inline-flex","alignItems":"center","justifyContent":"center","typography":{"textAlign":"center"},"textColor":"var(\u002d\u002daccent-2)","textColorHover":"var(\u002d\u002daccent)","hasIcon":true,"removeText":true,"iconStyles":{"width":"1.8em","height":"1.8em","paddingRight":"0.5em"}} -->
<a class="gb-button gb-button-2285e293" href="#"><span class="gb-icon"><svg aria-hidden="true" role="img" height="1em" width="1em" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z"></path></svg></span></a>
<!-- /wp:generateblocks/button -->

<!-- wp:generateblocks/button {"uniqueId":"724afd03","hasUrl":true,"blockVersion":4,"display":"inline-flex","alignItems":"center","justifyContent":"center","typography":{"textAlign":"center"},"textColor":"var(\u002d\u002daccent-2)","textColorHover":"var(\u002d\u002daccent)","hasIcon":true,"removeText":true,"iconStyles":{"width":"2em","height":"2em","paddingRight":"0.5em"}} -->
<a class="gb-button gb-button-724afd03" href="#"><span class="gb-icon"><svg aria-hidden="true" role="img" height="1em" width="1em" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z"></path></svg></span></a>
<!-- /wp:generateblocks/button -->

<!-- wp:generateblocks/button {"uniqueId":"61a3c565","hasUrl":true,"blockVersion":4,"display":"inline-flex","alignItems":"center","justifyContent":"center","typography":{"textAlign":"center"},"textColor":"var(\u002d\u002daccent-2)","textColorHover":"var(\u002d\u002daccent)","hasIcon":true,"removeText":true,"iconStyles":{"width":"1.8em","height":"1.8em","paddingRight":"0.5em"}} -->
<a class="gb-button gb-button-61a3c565" href="#"><span class="gb-icon"><svg aria-hidden="true" role="img" height="1em" width="1em" viewBox="0 0 576 512" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M549.655 124.083c-6.281-23.65-24.787-42.276-48.284-48.597C458.781 64 288 64 288 64S117.22 64 74.629 75.486c-23.497 6.322-42.003 24.947-48.284 48.597-11.412 42.867-11.412 132.305-11.412 132.305s0 89.438 11.412 132.305c6.281 23.65 24.787 41.5 48.284 47.821C117.22 448 288 448 288 448s170.78 0 213.371-11.486c23.497-6.321 42.003-24.171 48.284-47.821 11.412-42.867 11.412-132.305 11.412-132.305s0-89.438-11.412-132.305zm-317.51 213.508V175.185l142.739 81.205-142.739 81.201z"></path></svg></span></a>
<!-- /wp:generateblocks/button -->
<!-- /wp:generateblocks/container -->
<!-- /wp:generateblocks/container -->

<!-- wp:generateblocks/container {"uniqueId":"c8cf2232","backgroundColor":"var(\u002d\u002dcontrast)","removeVerticalGapMobile":true,"isDynamic":true,"blockVersion":4,"sizing":{"width":"50%","widthMobile":"100%","height":"","maxWidth":""},"typography":{"textAlignMobile":"center"},"spacing":{"paddingTop":"40px","paddingRight":"30px","paddingBottom":"40px","paddingLeft":"30px"},"borders":{"borderTopRightRadius":"3px","borderBottomRightRadius":"3px","borderBottomLeftRadius":"3px","borderTopLeftRadius":"3px"}} -->
<!-- wp:generateblocks/headline {"uniqueId":"1f8b675c","element":"h3","blockVersion":3,"typography":{"fontSize":"24px","fontSizeMobile":"22px"},"textColor":"var(\u002d\u002dbase-2)"} -->
<h3 class="gb-headline gb-headline-1f8b675c gb-headline-text">Leave us a message and we will get back to you</h3>
<!-- /wp:generateblocks/headline -->

<!-- wp:generateblocks/headline {"uniqueId":"7db7259f","element":"p","blockVersion":3,"typography":{"fontSize":"18px","fontWeight":"normal"},"spacing":{"marginBottom":"0px"},"textColor":"var(\u002d\u002dbase-2)"} -->
<p class="gb-headline gb-headline-7db7259f gb-headline-text">[Enter your contact form]</p>
<!-- /wp:generateblocks/headline -->
<!-- /wp:generateblocks/container -->
<!-- /wp:generateblocks/container -->

If you having any issues then just comment here below I will definitely help you. Thanks for reading this article.