NFT Collection Landing Page

Introduction


NFT Collection Landing Template provides a well-designed landing page for NFT collection artists to showcase their collections. This template is production ready. It is easy to manage and fully responsive.

Sections


  • Header section
  • Hero section
  • Info section
  • Gallery section
  • Roadmap section
  • Community section
  • FAQ section
  • Team section
  • CTA section
  • Footer section

Features


  • Fully responsive, well-designed landing page
  • Easily manageable 10 sections in a page
  • Slidable gallery feature
  • Manage your images with option sets
  • Direct your users to your social media accounts
  • Invite your users to your Discord server
πŸ’‘
Tip: Find out more on how to work with a template on Bubble here:

Get Started


In this section, you will learn how to manage and configure your template.

Manage sections


You can change the order of the sections or delete them if you don't want.
Change the order of sections
  1. From the element tree, click the section whose order you want to change.
  1. Go to the "Layout" tab from the property editor that opens and change the order using the "Previous", and "Next" buttons.
    1. Image without caption
Delete a section
  1. From the element tree, click the section whose order you want to delete.
  1. Go to the β€œAppearance” tab from the property editor that opens and click on the β€œDelete” button.
    1. Image without caption

Change Option Sets


Data such as the contents of text elements, application name, logo, social media links, FAQ section questions and answers are stored as "Option Sets". Thus, they load quickly when the page is first loaded and can be easily managed. You can modify these images by following the steps below.
  1. From the "Data" tab, enter the "Option Set" section.
  1. Display the option set you want to make changes.
  1. Click on "Modify attributes" for the section you want to change and update it.
Image without caption

Set your gallery images


Gallery images are displayed with a slidable element. These images are stored in the database under the "Gallery" data type. You can modify these images by following the steps below.
  1. From the "Data" tab, enter the "App Data" section.
  1. Display the gallery entries by clicking on the β€œAll Galleries”
  1. Click on the edit icon for the image you want to change and update it.
Image without caption

Deploy your app to live


After making changes to your application, you should deploy your application so that your users can see the current version of the application in the live version. For this, follow the steps below.
  1. Click on the β€œDevelopment” from header section in Bubble editor.
  1. Click on the β€œDeploy current version to Live” button.
  1. Take down your description and click on the β€œDEPLOY” button.
Image without caption

Deploy your database to live


In Bubble applications, the databases of the "development" and "live" versions are different. In order for the database updates you made in the "development" version to be valid in the "live" version, you must deploy the database. For this, follow the steps below.
πŸ“Œ Note: Option sets are common to both versions. You don't need to do this for option set updates.
  1. From the "Data" tab, enter the "App Data" section.
  1. Click on the β€œCopy and restore database”.
  1. Follow the instructions
Image without caption

Support & Feedback


Please contact us if you need help with the template. We would also be pleased if you would send your feedback and comments.
To reach us: