System pages¶
System pages are the pages HubSpot shows on its own: errors, a password gate, search results and the email subscription pages. Flexoraa Lite styles all seven, so a visitor never lands on a plain default page.
| Page | When a visitor sees it |
|---|---|
| 404 Error | The address does not exist. |
| 500 Error | The server had a problem. |
| Password prompt | A page is password protected. |
| Search results | A visitor uses the site search. |
| Email subscription confirmation | After someone subscribes to your emails. |
| Email subscription preferences | When someone opens "manage preferences" from an email. |
| Email backup unsubscribe | When someone unsubscribes from an email. |
Set them up¶
HubSpot needs to be told to use the theme's pages.
- Open Settings > Website > Pages and choose the System pages tab (it is under Templates in some accounts).
- For each page, choose the matching Flexoraa template, then save.
Change how they look¶
Open the theme settings and find System page. Each page has its own group. Every page starts with the same five groups: Background, Page container (the width of the page), Inner page container (the width of the content inside it), Content alignment and Spacing. After those:
| Page | Groups |
|---|---|
| 404 and 500 | Error code, Error title, Error description, Error button |
| Password prompt | Title, Description, Spacing between form fields, Form style, Add card, Card |
| Search results | Search results title, Search results count message, Results list, Results pagination |
| Email subscription confirmation | Email address, Description, Success message, Survey prompt, Return content, Error text, Radio button, Form style, Add card, Card |
| Email subscription preferences | Title, Email address, Description, Instruction line, Item description, Checkbox, Checkbox label, Button, Add card, Card |
| Email backup unsubscribe | Title, Subheader, Status message, Form style, Add card, Card |
Good to know:
- Add card puts the content in a card. Its Card group sets the background, border, Round corner (it starts from the Global Round Corner) and Shadow (None, Global Shadow or Custom).
- Form style picks Style 1 or Style 2 from Theme settings > Form.
- Colors: Default uses the theme colors. Choose Custom for your own.
Preview them
You cannot visit these pages by address like a normal page. Preview them from the HubSpot system page settings, or trigger them (open a wrong address for the 404, a protected page for the password page).