From the course: Customizing a WordPress Theme from an Adobe XD Prototype

Unlock the full course today

Join today to access over 22,600 courses taught by industry experts or purchase this course individually.

Add a map to the contact page

Add a map to the contact page

From the course: Customizing a WordPress Theme from an Adobe XD Prototype

Start my 1-month free trial

Add a map to the contact page

“

- The next page that we need to address is going to be our contact page. The contact page has similar elements that we've been adding to the existing pages. Our header, which we're using from the template as well as the footer. This page does have some unique elements however. It has a map and it also has a form. So we're going to go ahead and add these items in right now. Back in WordPress, I'm already in the Elementor editor and I've added the templates as mentioned. I'm going to click the plus sign over the footer section to add a new section. We're going to go ahead and hit the plus and we'll select a two column section. Inside of the first column, I'm going to add the heading widget. And this text needs to say, you can find us at. We'll go ahead and quickly specify the styles that we've already established throughout the course. Next I'll go into the widget area and I'll add some text. And I'm going to grab the…

Contents