How do I link Contact Us to info in my site footer

Hi Jon!

Thanks for reaching out to us with your question on using Crio Pro WordPress theme! This is certainly possible but requires a few steps.

You would need to add the information to your site footer. You can do this by creating a Widget area in your footer. Then you can customize that widget area by clicking the Edit Sidebar button. This will show you some color selections and at the bottom is a button to add a new widget. You can add a Custom HTML widget and add your information. If you aren’t familiar with HTML I have provided a sample below that you can use to get started:

<h3 class="widget-title" id="contact-us">Contact Info</h3>
<p>1234 Street Name</p>
<p>City Name, State 000000</p>
<p>Email:<br><a href="mailto:support@example.com">support@example.com</a></p>
<p>Phone:<br>+1 123 456 7890</p>

This is a very basic sample that you are more than welcome to edit as you see fit. Note that the email address is in there twice, make sure that you update it with your email address in both places as this will open their mail client pre-filled with the address as you described. The other thing to note is that the heading has the id “contact-us”.

Once this is added you can edit your menu and remove the Contact Us page from the menu and replace it with an Anchor Link to that footer section. Using my example above you would be able to make the URL something like:

example.com/#contact-us

I hope this helps Jon! Let us know if you have any further questions or if you have any trouble with this.

Hi Jon!

Thanks for getting back to us! It sounds like you have it in the correct place, the first thing I’d want to have you check is to see if there is any text such as <pre> or </pre> at the top and bottom of what you added. If you do see that pre tag you should remove it as that would force it to display as text instead of HTML

The other possibility is that something happened when it was copied over, its possible that the code may have been escaped or translated in a way that prevents it from being treated as HTML. Make sure that the text in the customizer looks like the text in my reply, if you are seeing a mix of symbols and letters in place of the < symbols in the code that means it’s being escaped, you can try copying it over again if this is the case.

I hope this helps Jon! Let us know if you have any further questions or if you have any trouble with this.