Create a custom block in Purple Hub
Purple Hub
The document provides step-by-step instructions for creating a custom block on Purple Hub, adjusting alignment and adding a new field group on ACF, creating a new field in a form, and creating a custom block in WordPress. Screenshots and visual references are included throughout the guide. Once the block is created, it can be added to article content.
- Have an Admin Role in Purple Hub
1. Go to your Purple Hub and click on 'Custom Block Types'
![Click on 'Custom Block Types' Click on 'Custom Block Types'](https://images.tango.us/workflows/8d5f7468-75a2-49d7-b1cf-a58385d03f29/steps/bc18605d-d267-449b-bc36-f67641483cd4/194352eb-9d20-4521-8b50-9b1705e01853.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=336&m64=aHR0cHM6Ly9pbWFnZXMudGFuZ28udXMvc3RhdGljL2JsYW5rLnBuZz9tYXNrPWNvcm5lcnMmYm9yZGVyPTQlMkNGRjc0NDImdz0zMDImaD00NCZmaXQ9Y3JvcCZjb3JuZXItcmFkaXVzPTEw)
2. Click on 'Add Row'
![Click on 'Add Row' Click on 'Add Row'](https://images.tango.us/workflows/8d5f7468-75a2-49d7-b1cf-a58385d03f29/steps/4edd17fd-77c8-4b9a-b2f5-0cab742d77ec/4ccaee0c-af55-4913-bf8b-d6bde011ff0b.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=1075&mark-y=715&m64=aHR0cHM6Ly9pbWFnZXMudGFuZ28udXMvc3RhdGljL2JsYW5rLnBuZz9tYXNrPWNvcm5lcnMmYm9yZGVyPTQlMkNGRjc0NDImdz05MyZoPTQyJmZpdD1jcm9wJmNvcm5lci1yYWRpdXM9MTA%3D)
3. In the newly added row, in the column 'Unique name identifier' enter a name for your block e.g. "test-quote"
![enter a name for your block enter a name for your block](https://images.tango.us/workflows/8d5f7468-75a2-49d7-b1cf-a58385d03f29/steps/28a81cb4-fedf-413d-89f5-c72260ae072a/d96a99e7-8aee-4830-a4fc-853777cee958.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=66&mark-y=560&m64=aHR0cHM6Ly9pbWFnZXMudGFuZ28udXMvc3RhdGljL2JsYW5rLnBuZz9tYXNrPWNvcm5lcnMmYm9yZGVyPTQlMkNGRjc0NDImdz0xMDImaD00MyZmaXQ9Y3JvcCZjb3JuZXItcmFkaXVzPTEw)
4. In the column 'Title' enter a title for your block e.g. "test-quote"
![Enter a title for your block Enter a title for your block](https://images.tango.us/workflows/8d5f7468-75a2-49d7-b1cf-a58385d03f29/steps/e90a0866-f0f4-4cb2-8283-9dd3bf8ec6ef/2049a763-84a7-408e-adf5-0eef487cdf6a.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=173&mark-y=561&m64=aHR0cHM6Ly9pbWFnZXMudGFuZ28udXMvc3RhdGljL2JsYW5rLnBuZz9tYXNrPWNvcm5lcnMmYm9yZGVyPTQlMkNGRjc0NDImdz0xMDEmaD00NCZmaXQ9Y3JvcCZjb3JuZXItcmFkaXVzPTEw)
5. In the column 'Category' enter the category for your block e.g. "sprylab"
![Enter the category for your block Enter the category for your block](https://images.tango.us/workflows/8d5f7468-75a2-49d7-b1cf-a58385d03f29/steps/fd68f3bf-694a-40d6-b5c6-551158e8365a/d15e8a6c-e877-4579-a060-0f4891a69314.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=393&mark-y=563&m64=aHR0cHM6Ly9pbWFnZXMudGFuZ28udXMvc3RhdGljL2JsYW5rLnBuZz9tYXNrPWNvcm5lcnMmYm9yZGVyPTQlMkNGRjc0NDImdz05OSZoPTQzJmZpdD1jcm9wJmNvcm5lci1yYWRpdXM9MTA%3D)
6. In the column 'Mode' select your preferred mode for the block to be displayed e.g. 'Preview'
![Select your preferred mode for the block to be displayed Select your preferred mode for the block to be displayed](https://images.tango.us/workflows/8d5f7468-75a2-49d7-b1cf-a58385d03f29/steps/49eebd81-6fdf-4366-a7b1-72246c49cbfb/1d7035df-961b-4c14-8b9e-4a1d2ee00d6c.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=832&mark-y=563&m64=aHR0cHM6Ly9pbWFnZXMudGFuZ28udXMvc3RhdGljL2JsYW5rLnBuZz9tYXNrPWNvcm5lcnMmYm9yZGVyPTQlMkNGRjc0NDImdz05NyZoPTQ0JmZpdD1jcm9wJmNvcm5lci1yYWRpdXM9MTA%3D)
7. In the column 'Align' select your preferred Alignment for the block to be displayed e.g. 'Center'
![Select your preferred Alignment for the block to be displayed Select your preferred Alignment for the block to be displayed](https://images.tango.us/workflows/8d5f7468-75a2-49d7-b1cf-a58385d03f29/steps/2afede94-e85d-448b-8b64-38d1247ceb2b/243daf7c-067c-4d60-a78e-2fec98caf314.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=934&mark-y=558&m64=aHR0cHM6Ly9pbWFnZXMudGFuZ28udXMvc3RhdGljL2JsYW5rLnBuZz9tYXNrPWNvcm5lcnMmYm9yZGVyPTQlMkNGRjc0NDImdz05NyZoPTQzJmZpdD1jcm9wJmNvcm5lci1yYWRpdXM9MTA%3D)
8. In the column 'Align Text' select your preferred Alignment for the text in the block to be displayed e.g. 'Left'
![Select your preferred Alignment for the text in the block to be displayed Select your preferred Alignment for the text in the block to be displayed](https://images.tango.us/workflows/8d5f7468-75a2-49d7-b1cf-a58385d03f29/steps/cdcaccb1-d946-4dfe-bfdc-c32491fdd377/64b82beb-7ad6-4485-b66e-42eb374edf4e.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=1049&mark-y=562&m64=aHR0cHM6Ly9pbWFnZXMudGFuZ28udXMvc3RhdGljL2JsYW5rLnBuZz9tYXNrPWNvcm5lcnMmYm9yZGVyPTQlMkNGRjc0NDImdz05OCZoPTQzJmZpdD1jcm9wJmNvcm5lci1yYWRpdXM9MTA%3D)
9. Click on 'Update'
![Click on 'Update' Click on 'Update'](https://images.tango.us/workflows/8d5f7468-75a2-49d7-b1cf-a58385d03f29/steps/80bb5b72-49d3-468a-8e2d-067aa5e5f641/4df8a97f-3706-47e3-8f2f-15873d22abcf.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)
10. Click on 'ACF' in the main menu
![Click on 'ACF' in the Main menu Click on 'ACF' in the Main menu](https://images.archbee.com/ygR6KtT9QI_R0u3uKTJsm/2eoitGiRqmcgBuJo27JCh_acf.png?format=webp)
11. Click on 'Field Groups'
![Click on 'Field Groups' Click on 'Field Groups'](https://images.tango.us/workflows/8d5f7468-75a2-49d7-b1cf-a58385d03f29/steps/b1dee8b2-26e5-4650-aa16-9ea55fe84857/60d60d7b-ff7b-4967-9d16-3b669363200a.png?crop=focalpoint&fit=crop&fp-x=0.1272&fp-y=0.6835&fp-z=1.8263&w=1200&border=2%2CF4F2F7&border-radius=8%2C8%2C8%2C8&border-radius-inner=8%2C8%2C8%2C8&mark-x=7&mark-y=360&m64=aHR0cHM6Ly9pbWFnZXMudGFuZ28udXMvc3RhdGljL2JsYW5rLnBuZz9tYXNrPWNvcm5lcnMmYm9yZGVyPTYlMkNGRjc0NDImdz01NDMmaD02OSZmaXQ9Y3JvcCZjb3JuZXItcmFkaXVzPTEw)
12. Click on 'Add New'
![Click on 'Add New' Click on 'Add New'](https://images.tango.us/workflows/8d5f7468-75a2-49d7-b1cf-a58385d03f29/steps/86f0c2de-c45a-48c9-9d99-1845c02039ba/05422690-8bd5-4ab2-897d-074efa2bcb14.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=227&mark-y=125&m64=aHR0cHM6Ly9pbWFnZXMudGFuZ28udXMvc3RhdGljL2JsYW5rLnBuZz9tYXNrPWNvcm5lcnMmYm9yZGVyPTQlMkNGRjc0NDImdz0xNTYmaD01NyZmaXQ9Y3JvcCZjb3JuZXItcmFkaXVzPTEw)
13. Next to 'Add New Field Group' type a name for your field group in the text field e.g. "test-quote"
![Type a name for your field group in the text field Type a name for your field group in the text field](https://images.tango.us/workflows/8d5f7468-75a2-49d7-b1cf-a58385d03f29/steps/89bb392d-c959-468a-9750-5b8690078316/d8e9cc4e-8aba-4bd1-be95-6e59c75485d0.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=330&mark-y=115&m64=aHR0cHM6Ly9pbWFnZXMudGFuZ28udXMvc3RhdGljL2JsYW5rLnBuZz9tYXNrPWNvcm5lcnMmYm9yZGVyPTQlMkNGRjc0NDImdz00NzMmaD02OSZmaXQ9Y3JvcCZjb3JuZXItcmFkaXVzPTEw)
14. Click on 'Add Field'
![Click on 'Add Field' Click on 'Add Field'](https://images.tango.us/workflows/8d5f7468-75a2-49d7-b1cf-a58385d03f29/steps/34348c93-c729-44ef-9e00-c575f6fa91cd/5daadf90-7a4d-4352-80b5-0c513d9f093c.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=807&mark-y=102&m64=aHR0cHM6Ly9pbWFnZXMudGFuZ28udXMvc3RhdGljL2JsYW5rLnBuZz9tYXNrPWNvcm5lcnMmYm9yZGVyPTQlMkNGRjc0NDImdz0xNzUmaD05MSZmaXQ9Y3JvcCZjb3JuZXItcmFkaXVzPTEw)
15. Below 'Field Label' enter the desired label for the field e.g. "test-quote"
![Enter the desired label for the field Enter the desired label for the field](https://images.tango.us/workflows/8d5f7468-75a2-49d7-b1cf-a58385d03f29/steps/9e09c620-f950-4391-9998-0fbcc557443c/3ae68055-243b-4e34-bab5-5f881170d68e.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=127&mark-y=386&m64=aHR0cHM6Ly9pbWFnZXMudGFuZ28udXMvc3RhdGljL2JsYW5rLnBuZz9tYXNrPWNvcm5lcnMmYm9yZGVyPTQlMkNGRjc0NDImdz04ODImaD02OSZmaXQ9Y3JvcCZjb3JuZXItcmFkaXVzPTEw)
16. Below 'Field Type' select your desired field type from the dropdown, e.g. 'Text'
![Select your desired Field type from the dropdown Select your desired Field type from the dropdown](https://images.tango.us/workflows/8d5f7468-75a2-49d7-b1cf-a58385d03f29/steps/5f5adab6-9ddd-4d0a-9753-b8e46589d3a0/fbee6cc6-edf3-456a-b9fd-bed8f1f92ea6.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=130&mark-y=313&m64=aHR0cHM6Ly9pbWFnZXMudGFuZ28udXMvc3RhdGljL2JsYW5rLnBuZz9tYXNrPWNvcm5lcnMmYm9yZGVyPTQlMkNGRjc0NDImdz02ODEmaD03MSZmaXQ9Y3JvcCZjb3JuZXItcmFkaXVzPTEw)
17. Go to 'Settings' -> 'Rules' and below 'Show this field group if' select 'Block' from the dropdown
![Select 'block' from the dropdown Select 'block' from the dropdown](https://images.tango.us/workflows/8d5f7468-75a2-49d7-b1cf-a58385d03f29/steps/577824e7-066c-4894-b5fd-d616a04c0a25/1e84cf75-071e-4fdf-ae47-953ea4d87c39.png?crop=focalpoint&fit=crop&fp-x=0.5246&fp-y=0.4719&fp-z=1.9041&w=1200&border=2%2CF4F2F7&border-radius=8%2C8%2C8%2C8&border-radius-inner=8%2C8%2C8%2C8&mark-x=74&mark-y=543&m64=aHR0cHM6Ly9pbWFnZXMudGFuZ28udXMvc3RhdGljL2JsYW5rLnBuZz9tYXNrPWNvcm5lcnMmYm9yZGVyPTYlMkNGRjc0NDImdz01MTUmaD05NiZmaXQ9Y3JvcCZjb3JuZXItcmFkaXVzPTEw)
18. In the field right next to it, select 'is equal to' from the dropdown
![Select 'is equal to' from the dropdown Select 'is equal to' from the dropdown](https://images.tango.us/workflows/8d5f7468-75a2-49d7-b1cf-a58385d03f29/steps/3f4d515d-5b4d-4ce3-8695-29bc8c1bb4c9/82c12f95-134c-4d7b-98dc-00e98d3666c2.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=435&mark-y=285&m64=aHR0cHM6Ly9pbWFnZXMudGFuZ28udXMvc3RhdGljL2JsYW5rLnBuZz9tYXNrPWNvcm5lcnMmYm9yZGVyPTQlMkNGRjc0NDImdz0yNTkmaD03NCZmaXQ9Y3JvcCZjb3JuZXItcmFkaXVzPTEw)
19. In the field right next to it, select 'test-quote' from the dropdown
![Select 'test-quote' from the dropdown Select 'test-quote' from the dropdown](https://images.tango.us/workflows/8d5f7468-75a2-49d7-b1cf-a58385d03f29/steps/ad0c9a53-0022-4e3b-9f7b-2b20e732204d/96403758-9c7d-41a5-a659-df6e58a221a2.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=694&mark-y=279&m64=aHR0cHM6Ly9pbWFnZXMudGFuZ28udXMvc3RhdGljL2JsYW5rLnBuZz9tYXNrPWNvcm5lcnMmYm9yZGVyPTQlMkNGRjc0NDImdz0zMjYmaD03NCZmaXQ9Y3JvcCZjb3JuZXItcmFkaXVzPTEw)
20. Click on 'Save Changes'
![Click on 'Save Changes' Click on 'Save Changes'](https://images.tango.us/workflows/8d5f7468-75a2-49d7-b1cf-a58385d03f29/steps/e56be96d-7b66-43eb-b59e-678faa7d0592/e70b37cf-6931-47bd-825b-f54f04f066ba.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=1005&mark-y=109&m64=aHR0cHM6Ly9pbWFnZXMudGFuZ28udXMvc3RhdGljL2JsYW5rLnBuZz9tYXNrPWNvcm5lcnMmYm9yZGVyPTQlMkNGRjc0NDImdz0xODkmaD05NCZmaXQ9Y3JvcCZjb3JuZXItcmFkaXVzPTEw)
21. In the left-hand side menu bar, click on 'Purple Feed'
![Click on 'Purple Feed' Click on 'Purple Feed'](https://images.tango.us/workflows/8d5f7468-75a2-49d7-b1cf-a58385d03f29/steps/28ebf8d7-9687-42c9-9b7f-c8321942a75e/de7bf145-7eac-4b40-8f7b-17cd7310c2da.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=110&m64=aHR0cHM6Ly9pbWFnZXMudGFuZ28udXMvc3RhdGljL2JsYW5rLnBuZz9tYXNrPWNvcm5lcnMmYm9yZGVyPTQlMkNGRjc0NDImdz0zMDgmaD00NSZmaXQ9Y3JvcCZjb3JuZXItcmFkaXVzPTEw)
22. Click on 'Articles'
![Click on 'Articles' Click on 'Articles'](https://images.tango.us/workflows/8d5f7468-75a2-49d7-b1cf-a58385d03f29/steps/6f302e5b-a6ce-4c79-bdf6-7242103b011a/f9cf65c7-9324-471c-8b38-bf0d12da8d5e.png?crop=focalpoint&fit=crop&fp-x=0.2779&fp-y=0.2748&fp-z=1.8263&w=1200&border=2%2CF4F2F7&border-radius=8%2C8%2C8%2C8&border-radius-inner=8%2C8%2C8%2C8&mark-x=-2&mark-y=271&m64=aHR0cHM6Ly9pbWFnZXMudGFuZ28udXMvc3RhdGljL2JsYW5rLnBuZz9tYXNrPWNvcm5lcnMmYm9yZGVyPTYlMkNGRjc0NDImdz01NDMmaD02OSZmaXQ9Y3JvcCZjb3JuZXItcmFkaXVzPTEw)
23. Click on 'Add Article'
![Click on 'Articles' Click on 'Articles'](https://images.tango.us/workflows/8d5f7468-75a2-49d7-b1cf-a58385d03f29/steps/a10540a0-64dd-4dda-a454-c842f02e1c58/b679e732-84d0-47bd-b571-257845eb54ba.png?crop=focalpoint&fit=crop&fp-x=0.5531&fp-y=0.3087&fp-z=1.6265&w=1200&border=2%2CF4F2F7&border-radius=8%2C8%2C8%2C8&border-radius-inner=8%2C8%2C8%2C8&mark-x=180&mark-y=114&m64=aHR0cHM6Ly9pbWFnZXMudGFuZ28udXMvc3RhdGljL2JsYW5rLnBuZz9tYXNrPWNvcm5lcnMmYm9yZGVyPTYlMkNGRjc0NDImdz0xNTgmaD01NSZmaXQ9Y3JvcCZjb3JuZXItcmFkaXVzPTEw)
24. Click on '+' (Toggle block inserter)
![Click on '+' Click on '+'](https://images.tango.us/workflows/8d5f7468-75a2-49d7-b1cf-a58385d03f29/steps/729110f7-60cc-43b9-9cee-ae8eda7c1fb2/9858d1d5-5f69-439d-898b-7ca01e8aa31f.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=102&mark-y=13&m64=aHR0cHM6Ly9pbWFnZXMudGFuZ28udXMvc3RhdGljL2JsYW5rLnBuZz9tYXNrPWNvcm5lcnMmYm9yZGVyPTQlMkNGRjc0NDImdz01MSZoPTUxJmZpdD1jcm9wJmNvcm5lci1yYWRpdXM9MTA%3D)
25. In the search field, type the name of the block you've just created, e.g. 'test'
![Type the name of the block you've just created Type the name of the block you've just created](https://images.tango.us/workflows/8d5f7468-75a2-49d7-b1cf-a58385d03f29/steps/5027ad37-9f65-4fd2-91d7-3899643ae2d9/ba4e9e1c-418b-474c-a644-e4980cdabdc1.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=16&mark-y=92&m64=aHR0cHM6Ly9pbWFnZXMudGFuZ28udXMvc3RhdGljL2JsYW5rLnBuZz9tYXNrPWNvcm5lcnMmYm9yZGVyPTQlMkNGRjc0NDImdz00MTEmaD03MSZmaXQ9Y3JvcCZjb3JuZXItcmFkaXVzPTEw)
26. As soon as your block appears, you can drag and drop it into your article
![Drag and drop the block into your article Drag and drop the block into your article](https://images.tango.us/workflows/8d5f7468-75a2-49d7-b1cf-a58385d03f29/steps/99f3bc8d-a0d8-4531-adf2-eed350253d3f/bdb7f799-d68d-4c59-8941-e599694b7413.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=144&mark-y=220&m64=aHR0cHM6Ly9pbWFnZXMudGFuZ28udXMvc3RhdGljL2JsYW5rLnBuZz9tYXNrPWNvcm5lcnMmYm9yZGVyPTQlMkNGRkZGRkYmdz0xNTMmaD0xMjYmZml0PWNyb3AmY29ybmVyLXJhZGl1cz0xMA%3D%3D)
27. You can now use your customized block in your article content.
![Use your customized block in your article content. Use your customized block in your article content.](https://images.tango.us/workflows/8d5f7468-75a2-49d7-b1cf-a58385d03f29/steps/d63df4c6-2514-4e9f-8f55-b579a198e760/7f7b7393-d689-427b-a4fb-ddb7f79cbe57.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)