How To Set Up Spotify/ Youtube Code Feature
Spotify Code and YouTube Code features in Customall bring unique personalization to your products. Customers simply search for their desired song, and the song will be displayed after scanning the code.
To add Spotify Code, just click on the Spotify Code icon in Artwork editor
The Layer Settings section includes:
Color: Change the QR Code's color by inputting a hex color code.
Background color: In the 'A' field, input a number between 0 and 100 to adjust the background opacity. The transparency will gradually decrease from 0 to 100.
Depend on another layer: Enable this layer to be dependent on other Spotify Code layer, ensuring identical attributes.
Label: Show the heading name of this layer on the storefront.
Help text: The content displayed when additional captions are needed for the text.
Placeholder: Temporary text displays in the input field until an action is taken.
Search track, artist or album: Choose the song you wish to display in the product's preview on the storefront by searching for the song, artist name, or album.
Right-click on the Spotify Code layer to perform the following actions.
Duplicate
Hide in all template
Add Song Title
Add Song Artist
Add Album Image
Delete
Delete in all template
The Song Title, Song Artist, and Album Image layer IDs should match the first part of the Spotify Code layer ID to ensure automatic updates when the song changes.
On the storefront, the song title and song artist automatically update when customers search for their song in the Spotify Code layer named Search Your Song.
For detailed instruction in Layer Settings section, read this article: Add Text & Text Personalization
Click here for user experience demonstration: Spotify Code Feature Demo
The setup process for the YouTube Code is similar to that of the Spotify Code. However, the YouTube Code doesn't include functionalities like adding song title, artist name, or album image.
Click here for user experience demonstration: Youtube Code Feature Demo
How To Set Up Spotify Code Feature
To add Spotify Code, just click on the Spotify Code icon in Artwork editor
The Layer Settings section includes:
Color: Change the QR Code's color by inputting a hex color code.
Background color: In the 'A' field, input a number between 0 and 100 to adjust the background opacity. The transparency will gradually decrease from 0 to 100.
Depend on another layer: Enable this layer to be dependent on other Spotify Code layer, ensuring identical attributes.
Label: Show the heading name of this layer on the storefront.
Help text: The content displayed when additional captions are needed for the text.
Placeholder: Temporary text displays in the input field until an action is taken.
Search track, artist or album: Choose the song you wish to display in the product's preview on the storefront by searching for the song, artist name, or album.
Right-click on the Spotify Code layer to perform the following actions.
Duplicate
Hide in all template
Add Song Title
Add Song Artist
Add Album Image
Delete
Delete in all template
The Song Title, Song Artist, and Album Image layer IDs should match the first part of the Spotify Code layer ID to ensure automatic updates when the song changes.
On the storefront, the song title and song artist automatically update when customers search for their song in the Spotify Code layer named Search Your Song.
For detailed instruction in Layer Settings section, read this article: Add Text & Text Personalization
Click here for user experience demonstration: Spotify Code Feature Demo
How To Set Up Youtube Code Feature
The setup process for the YouTube Code is similar to that of the Spotify Code. However, the YouTube Code doesn't include functionalities like adding song title, artist name, or album image.
Click here for user experience demonstration: Youtube Code Feature Demo
Updated on: 24/04/2024
Thank you!