Create a Frame
In this guide we'll show you how to create your first frame in minutes on Hub. From adding eye-catching visuals to defining interactive elements, you'll be equipped to create unique experiences that captivate your audience.
Before we start, be sure to create your free account on Hub here.
Once you've created an account on Hub you'll be redirected to the following screen:
![](https://storage.crisp.chat/users/helpdesk/website/2d173a8eaad04e00/screenshot-2024-07-16-at-10333_1f8r55y.jpeg)
Clicking on Create Frame will pop open the following modal:
![](https://storage.crisp.chat/users/helpdesk/website/2d173a8eaad04e00/screenshot-2024-07-16-at-10505_w918mv.jpeg)
You need to name your frame and select the frame type you want to create:
![](https://storage.crisp.chat/users/helpdesk/website/2d173a8eaad04e00/screenshot-2024-07-16-at-10343_1r6bvd0.jpeg)
Currently we offer the following types:
Ecommerce - Allow your users to easily purchase your products
Ecommerce - Shopify - Create a shoppable frame using your Shopify products
Email Capture - Gain subscribers to your newsletter or any other mailing list
Slideshow - Create a slideshow to display announcements, demo your product etc.
Spotlight posts - Automatically create a listicle off of your current popular posts or leverage to create other listicles
Warpcast direct message opt-in - Get users on Warpcast to sign up to receive DMs from you
Create a custom frame - Send a request to our team with your ideas around what you want to create
Sell onchain with memecoins - Sell onchain and allow customers to buy with memecoins
Sell onchain with stablecoins - Sell onchain and allow customers to buy with stablecoins
See a detailed breakdown of our frame types and their features here.
In this example we'll see what it looks like for a Slideshow frame. Once you click on Create frame you'll be taken to the edit page, edit capabilities vary based on the type of frame you selected.
![](https://storage.crisp.chat/users/helpdesk/website/2d173a8eaad04e00/screenshot-2024-07-16-at-10530_hahjzi.jpeg)
You can edit, duplicate and delete screens as well as add more screens. Clicking on the edit icon opens the drawer to let you edit Image and Button details.
![](https://storage.crisp.chat/users/helpdesk/website/2d173a8eaad04e00/screenshot-2024-07-16-at-10532_1k72gcr.jpeg)
You can upload an image or paste an image url as well as edit button links and copy:
![](https://storage.crisp.chat/users/helpdesk/website/2d173a8eaad04e00/screenshot-2024-07-16-at-10535_1irw62b.jpeg)
![](https://storage.crisp.chat/users/helpdesk/website/2d173a8eaad04e00/screenshot-2024-07-16-at-10540_b0x29l.jpeg)
Once you're happy with your screens you can preview or publish the frame. Clicking on Preview takes you to the validator on Warpcast to see what the frame will look like once its posted.
Once you confirm that you want to publish the edit page updates, you can now Copy Frame URL and paste it directly into Warpcast to cast your frame.
![](https://storage.crisp.chat/users/helpdesk/website/2d173a8eaad04e00/screenshot-2024-07-16-at-11054_n0ubs6.jpeg)
Before we start, be sure to create your free account on Hub here.
Once you've created an account on Hub you'll be redirected to the following screen:
![](https://storage.crisp.chat/users/helpdesk/website/2d173a8eaad04e00/screenshot-2024-07-16-at-10333_1f8r55y.jpeg)
Clicking on Create Frame will pop open the following modal:
![](https://storage.crisp.chat/users/helpdesk/website/2d173a8eaad04e00/screenshot-2024-07-16-at-10505_w918mv.jpeg)
You need to name your frame and select the frame type you want to create:
![](https://storage.crisp.chat/users/helpdesk/website/2d173a8eaad04e00/screenshot-2024-07-16-at-10343_1r6bvd0.jpeg)
Currently we offer the following types:
Ecommerce - Allow your users to easily purchase your products
Ecommerce - Shopify - Create a shoppable frame using your Shopify products
Email Capture - Gain subscribers to your newsletter or any other mailing list
Slideshow - Create a slideshow to display announcements, demo your product etc.
Spotlight posts - Automatically create a listicle off of your current popular posts or leverage to create other listicles
Warpcast direct message opt-in - Get users on Warpcast to sign up to receive DMs from you
Create a custom frame - Send a request to our team with your ideas around what you want to create
Sell onchain with memecoins - Sell onchain and allow customers to buy with memecoins
Sell onchain with stablecoins - Sell onchain and allow customers to buy with stablecoins
See a detailed breakdown of our frame types and their features here.
In this example we'll see what it looks like for a Slideshow frame. Once you click on Create frame you'll be taken to the edit page, edit capabilities vary based on the type of frame you selected.
![](https://storage.crisp.chat/users/helpdesk/website/2d173a8eaad04e00/screenshot-2024-07-16-at-10530_hahjzi.jpeg)
You can edit, duplicate and delete screens as well as add more screens. Clicking on the edit icon opens the drawer to let you edit Image and Button details.
![](https://storage.crisp.chat/users/helpdesk/website/2d173a8eaad04e00/screenshot-2024-07-16-at-10532_1k72gcr.jpeg)
You can upload an image or paste an image url as well as edit button links and copy:
![](https://storage.crisp.chat/users/helpdesk/website/2d173a8eaad04e00/screenshot-2024-07-16-at-10535_1irw62b.jpeg)
![](https://storage.crisp.chat/users/helpdesk/website/2d173a8eaad04e00/screenshot-2024-07-16-at-10540_b0x29l.jpeg)
Once you're happy with your screens you can preview or publish the frame. Clicking on Preview takes you to the validator on Warpcast to see what the frame will look like once its posted.
Once you confirm that you want to publish the edit page updates, you can now Copy Frame URL and paste it directly into Warpcast to cast your frame.
![](https://storage.crisp.chat/users/helpdesk/website/2d173a8eaad04e00/screenshot-2024-07-16-at-11054_n0ubs6.jpeg)
Updated on: 18/07/2024
Thank you!