Creating a Website Creative
Updated
Website Distribution enables companies to implement surveys through a variety of creative formats. These formats include Pop-up, Positioned Pop-up, and Feedback Button. Each type is customizable, offering the flexibility to gather your feedback in diverse ways while preserving the interactivity of the website. You can adjust the design, look, and functionality of these formats to meet the requirements of their site and target audience, thereby maximizing survey participation.
The following types of creative content are supported for website distribution:
Pop-up: The survey pop-up appears at the center of the webpage as an overlay.
Positioned pop-up: The survey pop-up can be placed at a custom position on the webpage, keeping the rest of the website interactive.
Feedback button: A button is displayed on the webpage, and the survey opens when the button is clicked.
Business Use Cases
Improving User Engagement: It allows businesses to present surveys using various display formats, such as Pop-up, Positioned Pop-up, and Feedback Button, to boost user interaction while maintaining a seamless website experience.
Customizable Survey Display: By offering completely customizable features, companies can create surveys that match their website's look and branding, thereby improving both response rates and the quality of feedback.
Website Distribution offers flexible display options with multiple creative formats that capture feedback without disrupting the user experience. With full customization control, businesses can tailor each format’s appearance, position, and behavior to align with their website’s design and user journey. Additionally, the system is optimized for different devices, offering mobile overrides and custom mobile views to ensure surveys are responsive and effective across all screen sizes.
Prerequisites
In order to access the Website Distribution, you must have the following View and Edit Distribution permissions at the Survey Level.
Setting up a Pop-Up Creative
Navigate to Creative and select Create Now and select Creative Type.
Select Popup.
In the Add Creative page fill in the details:
Creative Name: Enter creative name.
Direct Display: Enable or disable direct display (This permits the survey to be presented directly without any call to action or message).
Go to Creative Content section and fill in the details:
Logo: Select an image for the logo.
Headline: Add a headline to the content.
Content Description: Add description for the content.
Go to Target Buttons page and fill in the details:
Primary Button: Add button text to the primary buttons.
Secondary Button: Add secondary buttons text to the secondary buttons.
Go to Styling page to style the creative:
Overlay: You can adjust the colour and opacity to control the appearance of the background layer.
Popup Display: Style the pop-up display by setting background and border colors, and adjusting the padding.
Background: Style the pop-up display by setting background colours.
Border: Style the pop-up display by by selecting the border colors.
Sides: Slide to adjust the sides.
Vertical Padding: You can adjust the vertical padding.
Opacity: Modify the transparency of the pop-up window.
Radius: Modify the border radius of the display.
Shadow Colour: Incorporate shadow effects.
Shadow X Offset: Incorporate shadow effects around the border.
Shadow Y Offset: Incorporate shadow effects around the border.
Shadow Blurr Radius: Helps soften or blur the shadow radius for a smoother, more subtle visual effect.
Shadow Spread Radius: Slide to increase or decrease the shadow of the radius.
Header Text: Customize headline fonts, including size, weight, and style.
Header Description: Customize headline fonts, including size, weight, and style.
Footer: The footer is the bottom section of the creative, where the action buttons are located.
Enable sticky footer: This option keeps the footer sticky when the description text is long.
Top Padding: You can slide to adust the padding.
Mobile Overrides: You can switch to mobile view to observe the changes. Review the mobile overrides to ensure the design adjusts correctly for mobile devices.
Overlay:
Vertical Padding: You can adjust the padding by sliding from left to right.
Click Create.
Full Page Preview: You have the option to choose the preview feature to view how it looks on both mobile and desktop screens.
Setting up a Positioned Pop-Up
Modify the width of the pop-up as required by inputting your preferred value in the Width section.
You can adjust the position of the pop-up by choosing the spacing and positions from the top and bottom.
Direct display is comparable to an overlay pop-up.
Other customizations are similar to overlay pop-up properties. Refer to the Pop-Up Creative section for more details.
Setting Up Feedback Button
Creative Name: Include a creative name.
Button Text: Add button text for the call to action in the creative. You can even adjust the position of the buttons from top to bottom.
Configure styling properties such as button color, border color, horizontal and vertical padding, button radius, text properties (font, alignment, size), and button position.
Note: You must select creative while creating a website distribution.
Preview
Click full page preview to view the creative on the full page.
Best Practices
Check Mobile Compatibility: Always check and confirm that the survey functions properly on both desktop and mobile devices to guarantee the best user experience.
Use Direct Display for Immediate Interaction: Think about implementing direct display for quick feedback gathering without the need for extra clicks while also ensuring a good user experience. You may include it inline in the earlier part of the “How It Works” section.