Open Knowledge adminCustomize designPorchlightCustomize. Settings are grouped like this page. Text settings hold one text for every language; while a text still has Porchlight's default, visitors see it translated (see Languages).
Colors
| Setting | Type | Default | What it does |
|---|---|---|---|
| Brand color | Color | #1E4D3B | Buttons, links, the topics bar and the active page in menus |
| Brand text color | Color | #FFFFFF | Text on top of the brand color, such as button labels |
| Highlight color | Color | #F2A93B | The announcement bar and the open now dot. Keep it light enough for dark text on top |
| Text color | Color | #18221D | Text color for body and heading elements |
| Link color | Color | #1E5A43 | Text color for link elements |
| Hover link color | Color | #123828 | Text color for the hover state of link elements |
| Visited link color | Color | #1E5A43 | Text color for visited link elements |
| Background color | Color | #FFFFFF | Background color of your Help Center |
| Color mode | Choice | Light | The mode visitors see first. Options: Light, Dark, Follow the visitor's device. |
| Light/dark switch | Switch | On | Let visitors switch between light and dark mode from the header |
Fonts
| Setting | Type | Default | What it does |
|---|---|---|---|
| Heading Font | Choice | Gabarito | Font for headings. Options: Gabarito, Atkinson Hyperlegible Next, Hanken Grotesk, Nunito Sans, Figtree, DM Sans, Inter, Lora, Fraunces, Custom font (set below), System (no web font), Georgia (no web font). |
| Text Font | Choice | Atkinson Hyperlegible Next | Font for body text. Options: Gabarito, Atkinson Hyperlegible Next, Hanken Grotesk, Nunito Sans, Figtree, DM Sans, Inter, Lora, Fraunces, Custom font (set below), System (no web font), Georgia (no web font). |
| Custom font name | Text | Empty | Used when a font is set to Custom font. The family name as your font service gives it, for example Open Sans |
| Custom font stylesheet | Text | Empty | The stylesheet link that loads it: Google Fonts, Adobe Fonts or your own site, for example https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600;700&display=swap |
| Corners | Choice | Round | How rounded buttons, fields and panels are. Options: Sharp, Soft, Round. |
Brand
| Setting | Type | Default | What it does |
|---|---|---|---|
| Logo | Image | Porchlight image | Company logo |
| Logo for dark mode | Image | Porchlight image | Used in dark mode. Leave empty to reuse the main logo |
| Show Help Center name | Switch | On | Display the Help Center name next to the logo |
| Favicon | Image | Porchlight image | Icon displayed in the address bar of your browser |
Header
| Setting | Type | Default | What it does |
|---|---|---|---|
| Announcement bar | Switch | Off | A bar above the header for shipping cut-offs, delays, sales or holiday hours. Visitors can close it |
| Announcement text | Text | Order by December 18 for delivery before the holidays. | One short sentence |
| Announcement link label | Text | See holiday dates | Leave empty for no link |
| Announcement link | Text | Empty | Full URL, starting with https:// |
| Topics bar | Switch | On | A bar under the header listing every category, like a store's departments |
| Search in the header | Switch | On | A search field in the middle of the header, on every page |
| Track order in the header | Switch | On | A Track order link next to the search. It opens the Track your order card on the home page, so it only shows while that card is on |
| Header link 1 label | Text | Empty | For example Back to the store, or Shop |
| Header link 1 URL | Text | Empty | Full URL, starting with https:// |
| Header link 2 label | Text | Empty | Leave empty to hide |
| Header link 2 URL | Text | Empty | Full URL, starting with https:// |
Home page
| Setting | Type | Default | What it does |
|---|---|---|---|
| Headline | Text | Need a hand with your order? | The large title on the home picture. The picture itself is under Images, Home hero image |
| Subtitle | Text | Track a parcel, start a return or find an answer. | One line under the headline. Leave empty to hide |
| Track your order card | Switch | On | A card on the home picture where shoppers type their order number. It opens your tracking link, or the order request form when no tracking link is set (see Order tracking) |
| Common requests | Switch | On | A row of buttons on the home page for what shoppers come to do. A button with an empty label is hidden |
| Request 1 label | Text | Start a return | Request 1 label |
| Request 1 link | Text | Empty | Your returns portal (Loop, Shopify, ...) or an article: a full URL or a help center path. Empty opens the request form |
| Request 2 label | Text | Exchange a size | Request 2 label |
| Request 2 link | Text | Empty | Empty opens the request form |
| Request 3 label | Text | Change or cancel an order | Request 3 label |
| Request 3 link | Text | Empty | Empty opens the request form |
| Request 4 label | Text | Report a problem with an order | Request 4 label |
| Request 4 link | Text | Empty | Empty opens the order request form set under Order tracking, or the request form |
| Popular searches | Text | Empty | Comma-separated, shown under the common requests. For example: Where is my order, Sizing, Gift cards |
| Store promise 1 | Text | Free shipping on orders over $75 | A short line under the home picture, such as your shipping, returns or warranty terms. Its icon is picked from the words. Leave empty to hide |
| Store promise 2 | Text | 30 days to return | Store promise 2 |
| Store promise 3 | Text | 2-year warranty | Store promise 3 |
| Topic pictures and icons | Text | Empty | Optional. Each topic card gets a drawing picked from its name. To set a photo or another drawing, write topic:picture pairs separated by commas, where topic is the name or id and picture is an image URL or an icon name. For example: Shipping:https://example.com/parcel.jpg, 360002:gift. Drawings: truck, return, cart, card, box, ruler, leaf, gift, tag, shield, user, store, alert, globe, chat, lock, book |
| Top questions | Switch | On | Lists your promoted articles on the home page |
| Recent activity | Switch | Off | Show recent activity on home page |
Order tracking
| Setting | Type | Default | What it does |
|---|---|---|---|
| Tracking link | Text | Empty | Your order status or tracking page, with {order} where the order number goes and {email} for the email address if the page needs it. For example https://shop.example.com/apps/track?order={order}&email={email}. Leave empty to send shoppers to the order request form instead |
| Order request form | Text | Empty | The id of the ticket form for order problems (Admin Center, Objects and rules, Ticket forms). The Track your order card (without a tracking link) and request 4 open it, and it asks shoppers for photos |
| Order number field | Text | Empty | The id of your order number ticket field. It moves to the top of the request form, with the number the shopper typed in order tracking already filled in |
| Order number hint | Text | You'll find it in your order confirmation email. | Help under the order number field. Leave empty to hide |
Contact
| Setting | Type | Default | What it does |
|---|---|---|---|
| Contact block | Switch | On | The Still need help? block on the home page, with your hours and ways to reach you |
| Contact title | Text | Still need help? | Contact title |
| Contact text | Text | We answer most messages within a few hours. | Contact text |
| Chat option | Switch | Off | Adds Chat with us, which opens your Zendesk messaging or Web Widget |
| Support email | Text | Empty | Adds an email option. Leave empty to hide |
| Phone | Text | Empty | Adds a call option. Leave empty to hide |
| Support hours | Text | Empty | When your team answers, for example Mon-Fri 9:00-18:00; Sat 10:00-14:00, or Mon, Wed, Fri 9-17, or 24/7. Day names in English. Shown as written, with an Open now or Closed now state worked out in the time zone below |
| Time zone | Text | Empty | Your team's time zone for the Open now dot, for example America/New_York or Europe/Paris. Empty uses the visitor's own time |
| Contact button on phones | Switch | On | A Contact us button that stays at the bottom of the screen on phones once the visitor scrolls |
Promotion banner
| Setting | Type | Default | What it does |
|---|---|---|---|
| Show the banner | Switch | Off | A banner at the end of the home page: a sale, a gift guide, a new collection |
| Banner title | Text | Gift guide: something for everyone outdoors | Banner title |
| Banner text | Text | Free gift wrapping and extended returns until January 31. | Leave empty for a title only |
| Banner button label | Text | Shop the guide | Banner button label |
| Banner link | Text | Empty | Where the button goes. Without a link the banner is hidden |
| Banner style | Choice | Soft brand tint | Banner style. Options: Soft brand tint, Solid brand color, Dark. |
Images
| Setting | Type | Default | What it does |
|---|---|---|---|
| Home hero image | Image | Porchlight image | Hero image on the home page |
| Community hero image | Image | Porchlight image | Hero image on the community topics page |
| Community banner | Image | Porchlight image | Image for the community section on the home page |
| Service catalog hero image | Image | Porchlight image | Hero image on the service catalog page |
Search settings
| Setting | Type | Default | What it does |
|---|---|---|---|
| Instant search | Switch | On | Show suggested articles on search |
| Scoped search in help center | Switch | On | Search results are confined to the category the user is in |
| Scoped search in Community | Switch | On | Search results are confined to the topic the user is in |
| Quick search | Switch | On | Press / on any page, or tap the search button on a phone, to search articles without leaving the page |
Article page elements
| Setting | Type | Default | What it does |
|---|---|---|---|
| Articles in section | Switch | On | A More in list at the end of every article, with up to six other articles from its section |
| Author | Switch | Off | Show author image and name |
| Code copy button | Switch | On | A Copy button on every code block |
| Image zoom | Switch | On | Click an image in an article to view it full screen |
| Follow | Switch | On | Users can follow a specific article |
| Social sharing | Switch | On | Show social media sharing on article |
| Related articles | Switch | On | Show related articles |
| Recently viewed | Switch | On | Show recently viewed articles |
| Comments | Switch | On | Show comments on articles |
| Help after a No vote | Switch | On | When a reader votes No on Was this article helpful?, suggest submitting a request |
| Still need help? after articles | Switch | On | A card at the end of every article with Contact us and Track order, titled like the home page contact block |
Section page elements
| Setting | Type | Default | What it does |
|---|---|---|---|
| Follow | Switch | On | Users can follow a specific section |
Community post elements
| Setting | Type | Default | What it does |
|---|---|---|---|
| Follow | Switch | On | Users can follow a specific post |
| Social sharing | Switch | On | Show social media sharing on post |
Community topic elements
| Setting | Type | Default | What it does |
|---|---|---|---|
| Follow | Switch | On | Users can follow a specific topic |
Request page
| Setting | Type | Default | What it does |
|---|---|---|---|
| Show suggested articles | Switch | On | Show suggested articles on new request form |
| Filter ticket fields by brand | Switch | On | Only show ticket fields associated with the current brand's active forms on the requests page |
| Request form intro | Text | Empty | A short note above the request form. Leave empty to hide |
| Request types as cards | Switch | On | When you have several ticket forms, show them as cards to choose from instead of a dropdown |
| Request type descriptions | Text | Empty | Optional. Semicolon-separated form-name:description pairs, for example: Problem with an order:Damaged, missing or wrong item; Returns:Send something back |
| Screen recording link | Text | Empty | Your Screendesk recording link. Adds Record your screen next to the request form so customers can show the problem instead of describing it |
Footer
| Setting | Type | Default | What it does |
|---|---|---|---|
| Footer text | Text | Empty | A short line under your logo. Leave empty to hide |
| Column 1 title | Text | Shop | Column 1 title |
| Column 1 links | Text | Empty | Label|URL pairs separated by commas. For example: Jackets|https://example.com/jackets, Gift cards|https://example.com/gift-cards |
| Column 2 title | Text | Company | Column 2 title |
| Column 2 links | Text | Empty | Label|URL pairs separated by commas |
| Column 3 title | Text | Policies | Column 3 title |
| Column 3 links | Text | Empty | Label|URL pairs separated by commas |
| X (Twitter) | Text | Empty | Profile URL. Leave empty to hide |
| Text | Empty | Profile URL. Leave empty to hide | |
| YouTube | Text | Empty | Channel URL. Leave empty to hide |
| GitHub | Text | Empty | Profile URL. Leave empty to hide |
| Text | Empty | Page URL. Leave empty to hide | |
| Text | Empty | Profile URL. Leave empty to hide |