In this article we will show you how you can set up our Event's Widget inside your own website created outside Eventtia
Step 1:
For you to be able to integrate your event's widget on your website you should insert a tag script at the end of the page.
Script example:
Notes: The ID attribute is required and must have the value: "ev-script". To be able to show the widget properly on mobile version it is mandatory to add the METATAG in the principal element's page
![](https://help.eventtia.com/hubfs/Knowledge%20Base%20Import/d33v4339jhl8k0.cloudfront.netdocsassets5942f20704286305c68d211fimages61cdbc9f766387272428b05afile-rM6CoMNIPY.png)
Step 2 :
The script needs that the following html tags are stablished on the website for the widget to be rendered:
Estos tamaños de etiquetas limitarán el tamaño y la forma del widget, las etiquetas permiten al cliente actualizar según tus necesidades.
Step 3 :
Attributes to personalize the widget
- (Mandatory) data-ev-api-key: API Key that will be used for the events
- (Mandatory) data-title: Customized title
![](https://help.eventtia.com/hubfs/Knowledge%20Base%20Import/d33v4339jhl8k0.cloudfront.netdocsassets5942f20704286305c68d211fimages61cdc01acbdcf5588430fa81file-1dkHPqNuu0.png)
- data-description: Widget description
![](https://help.eventtia.com/hubfs/Knowledge%20Base%20Import/d33v4339jhl8k0.cloudfront.netdocsassets5942f20704286305c68d211fimages61cdc03dd1a2f12bbe21fa2bfile-p0DPkri06d.png)
- data-accent-color: color that will be used
![](https://help.eventtia.com/hubfs/Knowledge%20Base%20Import/d33v4339jhl8k0.cloudfront.netdocsassets5942f20704286305c68d211fimages61cdc070d1a2f12bbe21fa2efile-B6wljhbjtU.png)
- data-lang: At the moment it supports en, es, and fr for English, Spanish, and French.
Step 4 :
Attributes which should not be modified:
These attributes must remain as they are for the widget to work correctly
- scr: Widget font
- id: The ID attribute is required and must have the value "ev-script". This attribute will link the font code with the div elements related.
Now you know how to set up the Event Widget :)
Please keep in mind that for the Website created in Eventtia the attributes to customize the widget are added differently, please consult the following article for more information: