## 1.

**[Preview and Design](#preview)**



 

 

 

 

 

 



 

## 2.

[**How to create**](#creation)



 

 

 

 

 

 



 

## 3.

[**How to translate**](/site-configuration/edit-translations "Edit translations")



 

 

 

 

 

 



 

 

 





### Warning

Creating a new insertion code media is restricted to Admins.

If you need, ask the QA team through Jira

[Use Jira for assistance](/node/386)

 



 

 

 

 

 

 



 

 

 





<a name="preview"></a>

---

## Preview

   ![](/sites/g/files/dvc2391/files/styles/default/public/image/2019/01/Integration%20code%20preview.png.webp?itok=LZ3jOUI3)   



Example of integration code media with a QUIZ block.

## Information architecture

The Integration Code media allows to display any snippet of HTML code, unfiltered, in a page.

It can be created and edited **only by Administrator users.**

## Design

Media can be added to the [**Embed paragraph.**](/components/embed-component "Embed component")

Integration code media occupes all available paragraph's width.

Integraion code has the same design as **Free HTML** asset for Drupal 7.

<a name="creation"></a>

---

## How to create it

   ![](/sites/g/files/dvc2391/files/styles/default/public/image/2019/01/Integration%20code%20adding%20form_0.png.webp?itok=LR-djcex)   



| Field | Description |
|---|---|
| 1 - Name | Used only in the backoffice |
| 2 - Code | HTML code. JS code and styles can be added also. |



##