How to Add ProductLift Widgets to Phoenix_sitebuilder

This guide will show you how to quickly add ProductLift widgets to your Phoenix_sitebuilder site.

Add ProductLift Widgets to Phoenix_sitebuilder

Follow these steps to add ProductLift widgets to your site:

1. Add the ProductLift SDK

In Phoenix Sitebuilder, go to Settings > Custom Code and insert this script.

<script defer src="https://YOUR_PRODUCTLIFT_DOMAIN/widgets_sdk"></script>

Replace YOUR_PRODUCTLIFT_DOMAIN with your actual ProductLift domain.

2. Implement Your Chosen Integration Method

Depending on the widget and method you chose, use the appropriate code:

Iframe Method:

Add the iframe link in a Custom HTML block for the Widget.

<iframe src="YOUR_IFRAME_URL" data-productlift-link width="100%" height="600px" frameborder="0"></iframe>

Replace YOUR_WIDGET_ID or YOUR_IFRAME_URL with the appropriate value from your ProductLift dashboard.

Sidebar Method:

Use the class productlift-sidebar=WIDGET_UNIQUE_KEY in a button element for the Widget.

<button class="productlift-sidebar=YOUR_WIDGET_ID">Open Widget</button>

Replace YOUR_WIDGET_ID or YOUR_IFRAME_URL with the appropriate value from your ProductLift dashboard.

Embed Method:

Create a <div class="productlift-embed=WIDGET_UNIQUE_KEY"></div> to embed the Widget.

<div class="productlift-embed=YOUR_WIDGET_ID"></div>

Replace YOUR_WIDGET_ID or YOUR_IFRAME_URL with the appropriate value from your ProductLift dashboard.

Additional Widgets

For specific widgets, you may have additional options:

Changelog "What's New" Widget:
<div class="productlift-whats-new=YOUR_WHATS_NEW_WIDGET_ID"></div>
Feedback Raw Feedback Widget:
<div class="productlift-feedback=YOUR_FEEDBACK_WIDGET_ID"></div>
Feedback Create New Post Widget:
<button class="productlift-new-post=YOUR_NEW_POST_WIDGET_ID">Create New Post</button>

That's it!

Your ProductLift widgets should now be live on your Phoenix_sitebuilder site.

Troubleshooting Tips

  • If the widget doesn't appear, double-check your code implementation
  • Try clearing your browser cache
  • Check your browser's console for any error messages
  • Some platforms may have a delay in displaying new widgets, so give it a few minutes if needed. Make sure to check the Live environment to see if it works there (happens sometimes).

If you need assistance, don't hesitate to contact our support team at [email protected].

Advanced Feature: Single Sign-On

For a more integrated experience, you can set up single sign-on (SSO) to automatically log in your users. This is a more advanced feature, but if you're interested, check out our SSO guide.