---
title: Set up a custom domain for article preview in Purple Hub
slug: editorial/set-up-a-custom-domain-for-article-preview-in-purple-hub
description: Set up a custom domain for article preview in Purple Hub
docTags: 
createdAt: 2023-05-08T09:09:52.000Z
---

Purple Hub

***

### Preconditions

- Have [Background publishing](https://docs.purplepublish.com/setup/set-up-background-publishing) set up in Purple Hub
- Have the Administrator role in Purple Hub
- Have access to a Managing Editor role in Purple Hub
- Have your desired custom domain for the article preview as <font color="#ff6900">URL</font> + ‘/<font color="#3b9f0f">&lt;id&gt;</font>’ by hand e.g. <font color="#ff6900">https://yourdomain.com</font><font color="#3b9f0f">/&lt;id&gt;</font>
- Have an article created in Purple Hub
- To query the preview, the [preview flag has to be set in the Catalog API](https://docs.purplepublish.com/developers/catalog-api#JuANY)


***

### How to

1\. Log in to Purple Hub as Administrator

2\. Click on 'Settings'

::Image[]{src="https://images.tango.us/workflows/b11b8eb7-eded-44f6-8b8d-06bea18db92b/steps/ce70f147-7f23-46d4-adcc-ccb1607ffd24/9ff36ec5-b940-40a3-882c-257b510de8ec.png?crop=focalpoint&fit=crop&fp-x=0.5000&fp-y=0.5000&w=1200&border=2%2CF4F2F7&border-radius=8%2C8%2C8%2C8&border-radius-inner=8%2C8%2C8%2C8&mark-x=-4&mark-y=581&m64=aHR0cHM6Ly9pbWFnZXMudGFuZ28udXMvc3RhdGljL2JsYW5rLnBuZz9tYXNrPWNvcm5lcnMmYm9yZGVyPTglMkNGRjc0NDImdz0yNjkmaD00MCZmaXQ9Y3JvcCZjb3JuZXItcmFkaXVzPTEw" size="80" width="1200" height="840" position="center" showCaption="false"}

3\. Click on 'Purple DS HUB'

::Image[]{src="https://images.tango.us/workflows/b11b8eb7-eded-44f6-8b8d-06bea18db92b/steps/12b651ca-602b-41e8-a381-b3e1ac46c853/066b06a8-223b-4b15-abed-5ef63b4ff23a.png?crop=focalpoint&fit=crop&fp-x=0.1111&fp-y=0.5639&fp-z=1.9219&w=1200&border=2%2CF4F2F7&border-radius=8%2C8%2C8%2C8&border-radius-inner=8%2C8%2C8%2C8&mark-x=2&mark-y=388&m64=aHR0cHM6Ly9pbWFnZXMudGFuZ28udXMvc3RhdGljL2JsYW5rLnBuZz9tYXNrPWNvcm5lcnMmYm9yZGVyPTglMkNGRjc0NDImdz01MDgmaD02NSZmaXQ9Y3JvcCZjb3JuZXItcmFkaXVzPTEw" size="50" width="1200" height="840" position="center" showCaption="false"}

4\. Scroll to 'Use external URL for Preview' and add the URL from the preconditions, e.g. [https://yourdomain.com/](https://yourdomain.com/)

::Image[]{src="https://images.tango.us/workflows/b11b8eb7-eded-44f6-8b8d-06bea18db92b/steps/ea4954c6-246d-4d42-8d42-d3682d436d17/be596df8-8b0b-4d8b-9424-21b9edbc00b0.png?crop=focalpoint&fit=crop&fp-x=0.5000&fp-y=0.5000&w=1200&border=2%2CF4F2F7&border-radius=8%2C8%2C8%2C8&border-radius-inner=8%2C8%2C8%2C8&mark-x=315&mark-y=605&m64=aHR0cHM6Ly9pbWFnZXMudGFuZ28udXMvc3RhdGljL2JsYW5rLnBuZz9tYXNrPWNvcm5lcnMmYm9yZGVyPTglMkNGRjc0NDImdz00NDEmaD00NyZmaXQ9Y3JvcCZjb3JuZXItcmFkaXVzPTEw" size="80" width="1200" height="821" position="center" showCaption="false"}

5\. Click on 'Save Settings'

::Image[]{src="https://images.tango.us/workflows/b11b8eb7-eded-44f6-8b8d-06bea18db92b/steps/085b437b-cce3-48f3-92ee-1c64e9a78473/d4ca22a8-14b4-4c22-a42a-7dee66155a34.png?crop=focalpoint&fit=crop&fp-x=0.5000&fp-y=0.5000&w=1200&border=2%2CF4F2F7&border-radius=8%2C8%2C8%2C8&border-radius-inner=8%2C8%2C8%2C8&mark-x=24&mark-y=486&m64=aHR0cHM6Ly9pbWFnZXMudGFuZ28udXMvc3RhdGljL2JsYW5rLnBuZz9tYXNrPWNvcm5lcnMmYm9yZGVyPTglMkNGRjc0NDImdz0zMDcmaD0xMDYmZml0PWNyb3AmY29ybmVyLXJhZGl1cz0xMA%3D%3D" size="50" width="1200" height="693" position="center" showCaption="false"}

6\. Log out of the Purple Hub

7\. Log in to Purple Hub with the Managing Editor role

8\. Click on 'Purple Feed'

::Image[]{src="https://api.archbee.com/api/optimize/ygR6KtT9QI_R0u3uKTJsm/ZDEQVyRZzsFzEdEMd-E8r_screenshot-2023-05-08-at-111811.png" size="80" width="2286" height="1128" position="center" showCaption="false"}

9\. Click on 'Articles'

::Image[]{src="https://images.tango.us/workflows/b11b8eb7-eded-44f6-8b8d-06bea18db92b/steps/05b9b791-d4bf-4d2c-bffe-de0a5dd799be/24f7ea6a-696a-40e8-a56d-a6bf7b99cf7a.png?crop=focalpoint&fit=crop&fp-x=0.1111&fp-y=0.1785&fp-z=1.9219&w=1200&border=2%2CF4F2F7&border-radius=8%2C8%2C8%2C8&border-radius-inner=8%2C8%2C8%2C8&mark-x=2&mark-y=256&m64=aHR0cHM6Ly9pbWFnZXMudGFuZ28udXMvc3RhdGljL2JsYW5rLnBuZz9tYXNrPWNvcm5lcnMmYm9yZGVyPTglMkNGRjc0NDImdz01MDgmaD02NSZmaXQ9Y3JvcCZjb3JuZXItcmFkaXVzPTEw" size="80" width="1200" height="840" position="center" showCaption="false"}

10\. Choose an article from the list and click on it

::Image[]{src="https://images.tango.us/workflows/b11b8eb7-eded-44f6-8b8d-06bea18db92b/steps/2680217c-5af0-419d-9241-8b3f825c6264/fb0c1501-54ee-4424-90d1-e74d67476887.png?crop=focalpoint&fit=crop&fp-x=0.5055&fp-y=0.3484&fp-z=1.7866&w=1200&border=2%2CF4F2F7&border-radius=8%2C8%2C8%2C8&border-radius-inner=8%2C8%2C8%2C8&mark-x=90&mark-y=651&m64=aHR0cHM6Ly9pbWFnZXMudGFuZ28udXMvc3RhdGljL2JsYW5rLnBuZz9tYXNrPWNvcm5lcnMmYm9yZGVyPTglMkNGRjc0NDImdz01NTcmaD04MSZmaXQ9Y3JvcCZjb3JuZXItcmFkaXVzPTEw" size="80" width="1200" height="840" position="center" showCaption="false"}

11\. In your article, click on 'Preview'

::Image[]{src="https://images.tango.us/workflows/b11b8eb7-eded-44f6-8b8d-06bea18db92b/steps/ad5b0d36-489c-44d6-82f9-9ce59750c3e6/31aeb167-941c-4c2d-a7fe-59b44370eef6.png?crop=focalpoint&fit=crop&fp-x=0.8157&fp-y=0.0333&fp-z=2.8685&w=1200&border=2%2CF4F2F7&border-radius=8%2C8%2C8%2C8&border-radius-inner=8%2C8%2C8%2C8&mark-x=510&mark-y=22&m64=aHR0cHM6Ly9pbWFnZXMudGFuZ28udXMvc3RhdGljL2JsYW5rLnBuZz9tYXNrPWNvcm5lcnMmYm9yZGVyPTglMkNGRjc0NDImdz0xODEmaD0xMTcmZml0PWNyb3AmY29ybmVyLXJhZGl1cz0xMA%3D%3D" size="60" width="1200" height="840" position="center" showCaption="false"}

12\. Check the URL of the Preview in the browser to see your previously configured custom domain / the ID of the content.