Summary

The widget page is an optional, secondary survey resource that can be used to promote social media channels and solicit backer participation in things like surveys and referral programs. The widget page template is installed on a store's live them alongside other survey templates and can be customized in the settings section when customizing a theme.


On this page:

Feature overview

Supported social platforms

Installation

Activation

Preview

Customize

Widget template options





Feature overview

The primary purpose of the widget page is to provide additional value to a business within backer surveys. This is accomplished through:

  • Social media engagement opportunities
  • Third-party embedded widgets (e.g. SurveyMonkey and ReferralCandy)




Supported social media platforms

The social media platforms supported within the widget page are: 

  • Instagram*
  • Facebook
  • YouTube
  • Twitter
  • Pinterest


*Learn more about sharing an Instagram account.




Installation

Widget page template files are installed on a store's live theme during project creation within the app.


See more details.




Activation

Activating the widget page template is done by creating a new page on Shopify and selecting the template with the suffix page.crowdcontrol.




The following sections can be customized within the widget page:

  • Social media section title
  • Enable/disable social media channel
  • Displayed sort order of social media channels
  • Embedded widget option 1 w/ custom title
  • Embedded widget option 2 w/ custom title
  • Bottom button options




Preview

Survey collections can be previewed by clicking view at the top of the editor. At least one live product must be added to a survey collection before a proper preview is available. Using at least one reward and one add-on product is recommended.


Incognito/private browsing

Viewing survey collections and widget pages with the incognito/private mode of a web browser is recommended (doing this ensures you are viewing the latest details and not previously cached information).



Customize

Widget page templates are customized within theme settings when customizing a theme.



Live editing

Previewing changes as they are made can be somewhat unintuitive since survey pages aren't usually listed in a site's navigation menu. You can view changes as you make them by adding the page URL to the customization URL with # in between them.


Example

Customization URL (as seen when editing a theme): store.myshopify.com/admin/themes/1234/editor

Page URL (as seen when viewing a page): store.com/pages/widget-page-name

Amended URL: store.myshopify.com/admin/themes/1234/editor#/pages/widget-page-name




Widget template options

The following are the customizable features of the widget page templates:


Social general

  • Social media section title
  • Display style (i.e. monochromatic or colored icons)


Instagram

  • Enable/disable
  • Title
  • Embed code*
  • Sort order - sort order of 1 will show the social channel first, with sequential values displayed accordingly


*Learn more about sharing an Instagram account.


Facebook


YouTube

  • Enable/disable
  • Title
  • Channel
  • Sort order - sort order of 1 will show the social channel first, with sequential values displayed accordingly


Twitter

  • Enable/disable
  • Title
  • Screen name
  • Sort order - sort order of 1 will show the social channel first, with sequential values displayed accordingly


Pinterest


Embed widget 1 & 2

There are two different opportunities to embed widget codes on the widget page. While you can technically add any embedded code to this section, our suggested examples are for robust third-party services for surveys and referral marketing programs (e.g. SurveyMonkey and ReferralCandy).

  • Enable/disable
  • Title
  • Embed code
  • Section background color


Bottom button

Control where backers go when clicking the bottom button of the widget page (e.g. checkout or the cart page). The checkout page is the recommended default. The following details can be customized within this section:

  • Redirection (i.e. specify the proceeding page)
  • Button text
  • Button corner radius
  • Button color
  • Button text color
  • Button border color