Skip to main content

How to Embed Elfsight Widgets on Your CraftedStays Website

Elfsight provides customizable widgets such as reviews, social feeds, and forms.

K
Written by Kin Pagaduan
Updated over 2 weeks ago

Follow the steps below to generate the embed code in Elfsight and apply it to your CraftedStays website.

Step 1: Create and Configure Your Elfsight Widget.

  1. Log in to your Elfsight Dashboard.

  2. Select Add New App and choose the widget type (e.g., Instagram Feed, Google Reviews, Contact Form).

  3. Customize the widget’s style, layout, and settings to fit your brand.

  4. Once complete, click Save.

Step 2: Copy the Elfsight Embed Code

  1. After saving, click the Overflow menu then select Embed Code.

  2. A modal window will appear with a code snippet that looks similar to this:

<!-- Elfsight Subscription Form | Email Marketing --> <script src="https://elfsightcdn.com/platform.js" async></script> <div class="elfsight-app-c748b71a-1163-45f7-b742" data-elfsight-app-lazy></div>

3. Copy the entire code.

Step 3: Add the Code to Your CraftedStays Site

  1. Log in to your CraftedStays Dashboard.

  2. Navigate to Site then Manage Templates. Click Edit Template.

  3. Add a HTML Block (or choose an existing block).

  4. Paste the Elfsight embed code directly into the HTML editor.

  5. Save and Exit

Step 4: Preview and Test

  1. Visit your live site to confirm the widget appears correctly.

  2. Refresh the page and check both desktop and mobile views to ensure responsiveness.

  3. If the widget doesn’t load, double-check that you copied the entire code snippet from Elfsight.

Did this answer your question?