To embed social sharing buttons with dynamic links from Webflow CMS, you can follow these steps:
1. Add the necessary social sharing buttons to your Webflow CMS template or collection page. You can use any social sharing service you prefer, such as ShareThis, AddThis, or custom code.
2. In your CMS collection, make sure you have a field that holds the URL of each individual CMS page. For example, you can have a field called "Permalink" where you store the URL slug or the full URL of each CMS item.
3. Select the social sharing button you want to configure, and locate the parameter or code where you can define the shared URL. This parameter will vary depending on the social sharing service you're using.
4. Replace the default value of the shared URL parameter with the dynamic link to the current CMS page. You can do this by using custom code or the available options in the social sharing service.
If you're using custom code, you can retrieve the URL of the current page dynamically by referencing the "Permalink" field from your CMS collection. For example, if the "Permalink" field is stored in a CMS field named "slug", you can use JavaScript or Webflow CMS collection embed code to fetch the value of the "slug" field and set it as the shared URL.
If you're using a social sharing service that provides a UI for customizing the shared URL, you may be able to reference the CMS field directly in their configuration settings. Some services allow you to use merge tags or variables to dynamically insert data from your CMS.
By configuring the shared URL dynamically, you ensure that only the current CMS page is shared when users click on the social sharing buttons. Each CMS item will have its own unique URL, allowing users to share specific pages without sharing the entire site.
Remember to test the social sharing buttons on different CMS pages to ensure they are working as expected and sharing the correct links.