An overview of all Shopify App Blocks that come with Single and how to use them.
What are App Blocks?
Shopify app blocks are a type of modular content that can be used to customize the look and functionality of your Shopify store. They are essentially pre-built widgets or components that you can drag and drop into your store's pages to add new features or design elements.
They save you time and effort in designing your store. Instead of starting from scratch, you can simply select the app block that best fits your needs and customize it to meet your needs.
If you don’t have app blocks available in your theme editor, that means you’re using a Shopify 1.0 theme and may want to upgrade. Here’s a Shopify article on the topic.
Additionally, it is important to note that functionality will not be available to test on trial themes.
What app blocks come with Single?
When you install and use Single, we automatically create all of the pages you need to do things like launching a Membership or gating access to content (products, pages, or videos).
That said, if you’re a more advanced Shopify user and want to do more customizations on your store, we also offer App Blocks to ensure maximum flexibility and store customization.
Read on for the list of all Single-provided App Blocks including:
- A description of what they do
- When you should use them
- Image examples for each
Single App Blocks
App Block: Video Bar
This App Block displays a selection of videos as a "Netflix-like" bar in your storefront. Here’s a more detailed article about the Video Bar App Block.
To use it:
- Add the block to a page in your store
- Go the block's settings and either:
- Check "Show all videos" to show every video in your Single library
- Add a tag to show only videos from a certain collection
App Block: Single Video
This App Block shows an individual video from your Single library. If the video is gated, the block will automatically show a login/connect wallet portal in front of it.
To use it:
- Visit your video-on-demand library in Single
- Find the video you want to show in the block
- Copy the Video ID
- Add the block to a page in your store
- Paste the Video ID into the block settings.
App Block: Gated Product Preview
This block shows users what content they will be able to access if they purchase a specific product. Single shows this block on gated product pages, which are automatically created by the app.
If you're an advanced Shopify user and want to customize those pages, you can create a new page template using use this block. After you create the template, you can apply it through the settings page in your Single UI.
Alternatively, you could use this block on any page with a piece of gated content. For example, if you have a special members-only product featured on your homepage, then paste the Single Content ID for the gated content into the block's settings and it will show all purchasable items that can be used to unlock that content.
To use it:
- Add the block to a page in your store
- In the settings, choose the product that can be purchased to unlock Gated content (ex: a Membership tier, livestream ticket, or NFT Collection. )
Here are some ways you might want to use this App Block:
- Membership overview page: On the page where you explain your membership program, use this App Block to preview the content members will get access to.
- Membership product page: Whenever you create a Membership with Single, each Membership tier is created as a Shopify product. Fans join the program by checking out through a standard product page. Add this block on that product page to give users a preview of what they will get access to after purchasing.
- NFT product page: Whenever you release an NFT Collection with Single, it shows up as a Shopify product. Users purchase an NFT from the Collection by checking out through a standard product page. Add this block on that product page to give users a preview of what they will get access to after purchasing.
App Block: Promote Access
This block recognizes gated content shows all purchasable items that can be used to unlock that content. Single automatically creates gated content pages for anything you gate through the app.
If you're an advanced Shopify user and want to customize those gated content pages, you can create a new page template using use this block. After you create the template, you can apply it through the settings page in your Single UI.
Alternatively, you could use this block on any page with a piece of gated content. For example, if you have a special members-only product featured on your homepage, then paste the Single Content ID for the gated content into the block's settings and it will show all purchasable items that can be used to unlock that content.
App Block: Promoted Products
Whenever you use Single to create a livestream or upload a video, you’re able to set ‘Promoted Products’ associated with that video. Whenever you do, we use this App Block to automatically show those products below the video. You can adjust the products we show by editing the "promoted products" settings tied to your content inside Single.
You may also want to use this App Block elsewhere in your store.
To use it:
- Add the block to a page in your store
- In the block settings, choose a Shopify Product Collection
App Block: Customizable Login
This block lets visitors authenticate to gain access to your gated content (products, videos, pages etc.). It first shows a login screen and/or a ‘connect web3 wallet’ option.
After users authenticate, they will be taken to a page with all content they’re permitted to access. We automatically use this block in front of any content you gate in Single.
If you want to create your own authentication page, you can use this block yourself.
To use it:
- Add the block to a page on your store
- Leave the settings as they are or choose a specific URL where users will be redirected after they authenticate
App Block: Single Membership Mgmt
This block is for your members to manage their subscription with you. It first shows a login screen, then upon login shows your Membership Tier(s) and gives the user the option to join, cancel, or downgrade their membership.
This App Block is good to use if you want to create an entire page dedicated to letting users manage their membership.
To do that:
- Create a page with a title like 'Manage my Membership"
- Add this block on that page
- Add the page to your Shopify store navigation
App Block: Fan Unlocked Exclusives
This App Block shows a preview of all gated content (products, videos, pages) a user has access to based on their existing Membership subscription or a particular NFT in their connected wallet.
Whenever a user logs into their Membership or connects their wallet with an NFT, we automatically detect what content they’re allowed to access based on your Single settings. We then use this App Block to display that content.
You can also use this block to only show previews of content related to a specific Membership Tier or NFT Collection. To do that, copy the Single Content ID and paste it in the block's settings.
App Block: Fan's Videos & Rentals
This App Block displays all livestreams & rentals a fan has access to based on purchases they’ve made. We surface this App Block on the Customer Account Page, which also shows the customer’s order history.
App Block: Single Product
This block shows a specific product you have gated in Single. It first shows an access screen where visitors can log in or connect their Web3 wallet. After the user authenticates, the block will show the product.
Single automatically creates gated content pages for products you gate through the app. If you're an advanced Shopify user and want to customize that page, you can create a new page template using use this block. After you create the template, you can apply it through the settings page in your Single UI.
Alternatively, you can use this block elswhere in your store by choosing a specific gated product. First, add the product, then add the product ID in the settings.
App Block: Single Page
This block shows a specific page you have gated in Single. It first shows an access screen where visitors can log in or connect their Web3 wallet. After the user authenticates, the block will show the page.
Single automatically creates gated content pages, which then surface the pages you gate through the app within them.
If you're an advanced Shopify user and want to customize that page, you can create a new page template using use this block. After you create the template, you can apply it through the settings page in your Single UI. For example, you could create a standard header and footer that would appear above and below your gated page content.