> For the complete documentation index, see [llms.txt](https://docs.jedidesk.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.jedidesk.com/english/widget/how-to-embed-a-widget-on-a-site/how-to-embed-a-jedidesk-widget-in-sitepro.md). # How to embed a #jedidesk widget in SitePro 1. ****[**Create a #jedidesk widget**](https://docs.jedidesk.com/v/english/widget/how-to-create-a-jedidesk-widget) and copy the generated code. 2. Log in to [**SitePro**](https://site.pro/). 3. Insert a #jedidesk widget using one of two options: #### **Option 1:** 1. **Adding HTML code:** * Drag and drop **Advanced** from main toolbar; * Choose **Custom HTML** composition; * Select **HTML code ✏️** icon in right toolbar and insert code; * Click **Apply** button; * Click **Preview** button to see your changes; 2. **Customising HTML code:** * **Size:**\ Adjust HTML code size or **Allow to adjust size automatically** in right toolbar. *** #### Option 2: **Adding custom script:** 1. Go to **Settings** (on the top of the website builder); 2. Go to **Pages** menu items and switch to **Scripts** tab; 3. Insert your code into one of 3 available fields: * **Before \** — inserts code in the ending of page/website section \ * **After \** — inserts code in the beginning of page/website section \ * **Before \** — inserts code in the ending of page/website section \ 4. The script can be added either for whole website (all pages) or for exact page; 5. Click **Apply** button.