Jump to content
View in the app

A better way to browse. Learn more.

Invision Community

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

Can I make a custom contact page? Or embed contact form on a page?

Featured Replies

Is it possible to make a custom contact page, meaning that it would be called something else, for example "ask for a quote", and would look different than the default mydomain.com/contact/ page?

Or is it possible to embed a simple contact form onto a page?

  • Community Expert
  • Management

Yes, you could create a Pages page and use that, with anything you want embedded via a HTML widget.

Or you could create a database and use that to hold the contact requests, and set up any custom fields you need and edit the form template (if required).

  • Author

Thank you. However can I embed the standard contact form provided by IPS with a HTML widget or do I have to create my own HTML form from scratch? I was hoping there would be a way to reuse the standard contact form.

  • 2 weeks later...
  • Community Expert
On 6/3/2026 at 5:14 PM, David N. said:

Thank you. However can I embed the standard contact form provided by IPS with a HTML widget or do I have to create my own HTML form from scratch? I was hoping there would be a way to reuse the standard contact form.

I've managed to adapt the Invision Contact Page, so that it is an actual page and not a popup. (I can PM you a link if you wish to see it in use). I then used the Page Editor to add custom content.

On 7/25/2025 at 3:37 PM, Como said:

I managed to resolve this. If anyone else needs to do something similar, this is what I did.

ACP > Customization > Themes > 'Theme Designer: Templates' (dropdown for the theme where you need to edit the menu) > create new template

Type: Hook

Hook Application: System

System: front/global/footer

Hook type: I selected 'before the closing tag'

HTML: <li><a target="_blank" href="https://xxxxxx.xxx/contact/">Contact Us</a></li>

Edit the the web page address and text to suit in the above

Add CSS to hide the original 'Contact Us'...

/* Hide fooeter 'Contact Us' popup link - replaced with link to web page */
.ipsFooterLinks > li:nth-child(3) {
  display: none;
}

You might need to change nth-child to another value. If you open Inspector, right click the opeing <li> item you wish to hide, scroll to Copy and select 'CSS Selector' (this was in Firefox - I think it varies a little between browsers).

I think that's it.

Do not use the CSS in the above. Instead, use what I suggest below.

I managed to get the CSS working reliably since the above post. What I originally used would sometimes cause problems because the items in the footer menu would sometimes change, depending upon the usergroup, etc. (guests, or the usergroup having access to the theme selector, etc.)

The CCS I now use manages to reliably target the original, default Contact link, and only that link, using the following:

/* Hide redundant popup 'Contact Us' footer link */
.ipsFooterLinks li:has([data-ipsdialog-title="Contact Us"]) {
    display: none;
}

Edited by Como

  • Author

Wow thanks a lot! It sounds like that would work for me. I'd love the link to see it in action. Thanks!

  • Community Expert
20 hours ago, David N. said:

Wow thanks a lot! It sounds like that would work for me. I'd love the link to see it in action. Thanks!

You are welcome. I've sent you a link.

Recently Browsing 0

  • No registered users viewing this page.

Account

Navigation

Search

Search

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.