{"slug":"add-widgets-to-your-website","title":"Add widgets to your website","description":"Embed pieces of your Marketspread page — like your event calendar or vendor list — on your own website.","section":"market","sections":["market"],"tags":["widgets","website","embed"],"aliases":[],"updated":"2026-09-11","published_datetime":"2020-05-22T19:37:19.000Z","promoted":true,"related":[],"links":[],"images":{},"video":null,"source_commit":"da55c2c","body_format":"markdown","nav":{"section":"market","group":"Reach your community","previous":{"slug":"marketpress-website-editing-basics","title":"Marketpress website editing basics"},"next":{"slug":"how-to-list-sponsors-on-your-website","title":"List sponsors on your website"}},"related_articles":[],"body":"Widgets let you show pieces of your Marketspread market on your own website — your event calendar, your vendor list, an Apply button and more. Open **Settings** in the left-hand menu, then click **Widgets** to see them all.\n\n![The Widgets page, with Preview next to Apply button](https://articles.marketspread.com/images/add-widgets-to-your-website/01-widgets-page.png)\n\nFrom here you can:\n\n- Preview any widget before you add it\n- Customize how some widgets look and what they show\n- Add an event, calendar or vendor widget — you can create more than one of each\n- Copy the code to embed a widget on your website\n- Delete a widget you no longer need\n\n!!! note\n    A note next to **Embeddable Widgets** says they're only available for activated events. If none of your events are activated yet, activate one from **Event Configuration**, then **Events**.\n\n## Preview a widget\n\n1. Click **Settings** in the left-hand menu.\n2. Click **Widgets**.\n3. Click **Preview** under the widget you want to see.\n\nA preview is a representative example — it may not look exactly like it will once it's on your website.\n\n## Customize a widget\n\nEvery widget except **Apply button** and **Shop button** can be customized.\n\n1. On the **Widgets** page, click **Configure** under the widget you want to change.\n2. Choose the options you want — for example, which events to include, or whether links open in a new browser tab.\n3. Click **Save**.\n\n## Add an event, calendar or vendor widget\n\n**Event Widgets**, **Calendar Widgets** and **Vendor Widgets** each let you create more than one — useful if, say, you want a separate calendar for a Saturday market and a Sunday one.\n\n1. On the **Widgets** page, click **Add** next to **Event Widgets**, **Calendar Widgets** or **Vendor Widgets**.\n2. Enter a **Widget Name**.\n3. Choose the options you want for it.\n4. Click **Save**.\n\n![The new calendar widget, named, ready to save](https://articles.marketspread.com/images/add-widgets-to-your-website/02-add-calendar-widget.png)\n\n## Embed a widget on your website\n\n1. On the **Widgets** page, find the widget you want. For **Event Widgets**, **Calendar Widgets** and **Vendor Widgets**, click **Embed Code** next to the one you created; every other widget shows its code directly.\n2. Copy the code shown.\n3. Paste it into your website, wherever you want the widget to appear.\n\n![The code to paste into your website, for the new calendar widget](https://articles.marketspread.com/images/add-widgets-to-your-website/03-embed-code.png)\n\n## Delete a widget\n\nYou can only delete widgets you created yourself — **Event Widgets**, **Calendar Widgets** and **Vendor Widgets**.\n\n1. On the **Widgets** page, click **Delete** next to the widget you want to remove.\n2. Click **Delete** again to confirm.\n\nDeleting a widget stops it working anywhere it's already embedded."}