--- title: How do I install a widget via Shore for the listings ? description: In this example a post widget is created: --- [Skip to content](https://help.shore.com/en/how-do-i-install-a-widget-via-shore-for-the-listings#main-content) - [English](https://help.shore.com/en/how-do-i-install-a-widget-via-shore-for-the-listings) - [Deutsch](https://help.shore.com/de/wie-erstelle-ich-mit-shore-ein-widget-für-die-verzeichnisse) English Show submenu for translations [Submit request](https://help.shore.com/en/kb-tickets/new?hsLang=en) ![3.2\_logo\_outlined\_black.png\]](https://help.shore.com/hs-fs/hubfs/3.2_logo_outlined_black.png?height=34&name=3.2_logo_outlined_black.png) Open main navigation Close main navigation - - [English](https://help.shore.com/en/how-do-i-install-a-widget-via-shore-for-the-listings) - [Deutsch](https://help.shore.com/de/wie-erstelle-ich-mit-shore-ein-widget-für-die-verzeichnisse) English Show submenu for translations - [Submit request](https://help.shore.com/en/kb-tickets/new) - [Learn more about Shore](https://shore.com/) [Learn more about Shore](https://shore.com/) Hello, how can we help you? - There are no suggestions because the search field is empty. 1. [Help Center](https://help.shore.com/en?hsLang=en) 2. [Add-ons](https://help.shore.com/en/add-ons?hsLang=en) 3. [Online-Listings](https://help.shore.com/en/add-ons?hsLang=en#online-listings) # How do I install a widget via Shore for the listings ? 1. Once you are logged into your Shore calendar, go to **Listings.** 2. Click on the **Company Details** and go to **Widgets** from the blue banner. 3. In the left-hand menu, click on the type of list you would like to install on your website. A + **Create** button should appear to the right side of the column if you haven´t created content yet. 4. If you have more than one list of the selected type, select the list you would like your widget to contain. To create a widget that displays all your lists of the chosen type, select **All Product Lists**, **All Bios**, **All Calendars**, or **All Menus**. 5. Under **Choose your Theme**, select one of the available themes. 6. A live preview of what your widget will look like with the chosen theme appears on the right-hand side of the page. 7. *(Optional)* To view or edit specific settings within a theme, such as colors and fonts, click **Advanced**. If you make any edits to one of the pre-built themes, the **Custom** theme is automatically selected. 8. Any changes you make are shown in the live preview on the right-hand side of the page. 9. Under **Choose your installation method**, select **Embed Code:** - **Embed code** - Selecting this option gives you a JavaScript code that you can put anywhere on your website. Simply copy and paste it into your site's HTML code. 10. Once your widget is installed, update your content in your Shore listings and watch it sync. In this example a post widget is created: [![](https://help.shore.com/hubfs/Knowledge%20Base%20Import/shorehelpcenter.zendesk.comhcarticle_attachments360001496753shore_widget_en_gif-2.gif)](https://help.shore.com/hc/article_attachments/360001496753/shore_widget_en_gif.gif?hsLang=en) - [Booking System](https://help.shore.com/en/booking-system?hsLang=en#main-content) - [Online Payment](https://help.shore.com/en/booking-system?hsLang=en#online-payment) - [Your Start with Shore](https://help.shore.com/en/booking-system?hsLang=en#your-start-with-shore) - [Your Account & Access](https://help.shore.com/en/booking-system?hsLang=en#your-account-access) - [Calendar & Appointments](https://help.shore.com/en/booking-system?hsLang=en#calendar-appointments) - [Booking Page](https://help.shore.com/en/booking-system?hsLang=en#booking-page) - [Booking Settings](https://help.shore.com/en/booking-system?hsLang=en#booking-settings) - [Booking via External Platforms](https://help.shore.com/en/booking-system?hsLang=en#booking-via-external-platforms) - [System Settings](https://help.shore.com/en/booking-system?hsLang=en#system-settings) - [Services & Classes](https://help.shore.com/en/booking-system?hsLang=en#services-classes) - [Members & Resources](https://help.shore.com/en/booking-system?hsLang=en#members-resources) - [Customer Management](https://help.shore.com/en/booking-system?hsLang=en#customer-management) - [Customer Communication](https://help.shore.com/en/booking-system?hsLang=en#customer-communication) - [Reports & Analytics](https://help.shore.com/en/booking-system?hsLang=en#reports-analytics) - [Marketing Features](https://help.shore.com/en/booking-system?hsLang=en#marketing-features) - [FAQ & Troubleshooting](https://help.shore.com/en/booking-system?hsLang=en#faq-troubleshooting) - [Shore Pay Onlinepayment](https://help.shore.com/en/shore-pay-onlinepayment?hsLang=en#main-content) - [Setup & Activation](https://help.shore.com/en/shore-pay-onlinepayment?hsLang=en#setup-activation) - [Payment Options & Features](https://help.shore.com/en/shore-pay-onlinepayment?hsLang=en#payment-options-features) - [POS Cash register system](https://help.shore.com/en/pos-cash-register-system?hsLang=en#main-content) - [First steps](https://help.shore.com/en/pos-cash-register-system?hsLang=en#first-steps) - [Account & Access](https://help.shore.com/en/pos-cash-register-system?hsLang=en#account-access) - [Products & Inventory](https://help.shore.com/en/pos-cash-register-system?hsLang=en#products-inventory) - [Customers & Users](https://help.shore.com/en/pos-cash-register-system?hsLang=en#customers-users) - [Sales & Checkout](https://help.shore.com/en/pos-cash-register-system?hsLang=en#sales-checkout) - [Reports & Accounting](https://help.shore.com/en/pos-cash-register-system?hsLang=en#reports-accounting) - [Payments & Shore Pay](https://help.shore.com/en/pos-cash-register-system?hsLang=en#payments-shore-pay) - [Shore Hardware](https://help.shore.com/en/pos-cash-register-system?hsLang=en#shore-hardware) - [Customer Display](https://help.shore.com/en/pos-cash-register-system?hsLang=en#customer-display) - [Interfaces & API](https://help.shore.com/en/pos-cash-register-system?hsLang=en#interfaces-api) - [TSE & KassensichV](https://help.shore.com/en/pos-cash-register-system?hsLang=en#tse-kassensichv) - [RKSV & fiskaltrust (Austria)](https://help.shore.com/en/pos-cash-register-system?hsLang=en#rksv-fiskaltrust-austria) - [FAQ & Troubleshooting](https://help.shore.com/en/pos-cash-register-system?hsLang=en#faq-troubleshooting) - [Shore Pay](https://help.shore.com/en/shore-pay?hsLang=en#main-content) - [Getting started](https://help.shore.com/en/shore-pay?hsLang=en#getting-started) - [FAQ & Troubleshooting](https://help.shore.com/en/shore-pay?hsLang=en#faq-troubleshooting) - [Shore Pay Go](https://help.shore.com/en/shore-pay-go?hsLang=en) - [Add-ons](https://help.shore.com/en/add-ons?hsLang=en#main-content) - [Online-Listings](https://help.shore.com/en/add-ons?hsLang=en#online-listings) - [Individual Web App](https://help.shore.com/en/add-ons?hsLang=en#individual-web-app) - [Contract & Legal](https://help.shore.com/en/contract-legal?hsLang=en#main-content) - [Contract & Invoices](https://help.shore.com/en/contract-legal?hsLang=en#contract-invoices) - [Contact](https://help.shore.com/en/contact?hsLang=en#main-content) - [Contact customer support](https://help.shore.com/en/contact?hsLang=en#contact-customer-support) - [Refer-a-friend](https://help.shore.com/en/refer-a-friend?hsLang=en#main-content) - [Calendar: Refer-a-friend](https://help.shore.com/en/refer-a-friend?hsLang=en#calendar-refer-a-friend) - [POS: Refer-a-friend](https://help.shore.com/en/refer-a-friend?hsLang=en#pos-refer-a-friend) [![logo\_shore\_bildmarke\_80](https://help.shore.com/hs-fs/hubfs/03_Logos/01_Shore/logo_shore_bildmarke_80.png?width=100&height=100&name=logo_shore_bildmarke_80.png "logo_shore_bildmarke_80")](http://www.shore.com?hsLang=en) [Product Status Page](https://shore.instatus.com/) [Submit Request](https://help.shore.com/en/kb-tickets/new?hsLang=en) Copyright © 2025, Shore GmbH