About this Template
Link to the template page: https://zeroqode.com/template/one-page-animations-block-1630418841149x367052425398199040
Animations landing page template is all about modern animations and bold color choice. Deep blue and green work well together against an overall white/greyish background.
The navy blue creates a calm, productive, and serene user experience, and when paired with an energetic green that evokes feelings of renewal, growth, and new beginnings, it works well almost for any business.
Information is presented in sections accompanied by keyword-rich headings, thus enabling users to better comprehend what is on the page.
All the pages are made on the new Bubble responsive engine.
- Sign up
- Article page
- Subscriptions section
- FAQ section
- Contacts section
- Subscription to Newsletter
- About us & Contact us sections
- All the pages are on the new Bubble responsive engine
Give it a try here: https://onetemplate.bubbleapps.io/ 🤩
Once you have bought or added a template to your account, you will see a dropdown in the New Application popup that lets you pick a template as the basis for the new application.
Note: This can only be done when you create a new app.
After selecting a template you’ve bought, please complete the other fields with the necessary data (i.e: Name of the new app, What kind of application you are building, etc) and press Create a new app.
Tip: A template isn't a theme for your app, but a pre-built set of elements and workflows. You can modify the template as you would modify another app.
Wait for Bubble to load the application with all the data.
After the application has loaded, you'll see the Bubble assistant on the left side for New Application. You can close it or follow the assistant steps to adjust different settings.
Now you're ready to go and dive into Bubble no-code development toolset.
Congrats! You have successfully created a Bubble app based on your block. Now, you can proceed with the setups.
In order to make the Sign in with Google option work properly, it is required to configure the Google plugin within your Bubble editor.
Google: See the documentation on how to set the Google Plugin in Bubble.
In order to make the Sign in with Facebook option work properly, it is required to configure the Facebook plugin within your Bubble editor.
Facebook: See the documentation on how to set the Facebook Plugin in Bubble.
This template comes with a promotional banner above the Header element. Feel free to remove it from your app.
Banner: See the instructions on how to remove the Zeroqode Banner in your template.
Things to Note
Note: If you would like to use this block within another app, please note that for proper functioning, it is required to create all relevant data types within your application database, and add required plugins. For reference, use the purchased block's default template editor (Data -> Data Types) and Plugins tab.
This is the main page of the template. Here, after a general introductory hero section, visitors can see the page's content, divided into 9 sections:
- Why choose us? - information is displayed in the section's header, followed by 3 blocks displayed in a row.
- More info - information is displayed in the right side block, with detailed descriptions hidden under spoilers.
- Companies trust us - information is displayed on a carousel, showing the company’s Logo and a text review after the arrow icon is pressed.
- Our results - this section starts with a general description, followed by 4 advantages blocks and 3 pricing plan blocks.
- Subscribe to our newsletter - here users can subscribe to newsletters, their email is saved in the database under
- Our blog - here, blog articles are displayed in 4-in-row order, with the following 4 hidden, which can be sorted by 4 types of tags (indicated through option set).
- FAQ - information is displayed in the left side block, with answers hidden under spoilers.
- Talk - here, users can indicate languages they are interested in (choose the appropriate tags) along with a name, mail, and attached file, to be recorded in the app database.
Once the user submits a CV, a new thing in the
Formdata type is created:
- Get in touch - here company contact details are displayed in 3 blocks.
After clicking on a certain article title on the index page, the user is redirected to the article’s page, where the entire article’s text is displayed.
This page is available through the link that is sent to the user for email verification.
It contains one workflow, which changes the
emailVerifiedfield value to yes in the
privacy & terms
These pages are empty and are made for a proper setup of the Facebook Login plugin. See how to set up the plugin here: https://docs.zeroqode.com/plugins/facebook-login-plugin
This page is for resetting the password.
This is a page for 404 redirect errors, informing a user that the web page he or she is looking for cannot be found.
Reusable Elements Overview
The footer reusable element is located at the bottom of a page. It provides an example of how it can include external links, such as the company's social media, navigation, and copyright notices. A great website footer design keeps people engaged and moving through the website. The workflows included with this element are pretty straightforward to follow.
This reusable element is customizable, so it is possible to change styles and content of element while keeping workflows or using it as inspiration for your own.
The header reusable element sits at the top of each page and serves a few very important purposes. It does provide a place for the company's logo, navigation, and page title which are part of a consistent user experience that all good websites share.
Other common header features include search, shopping cart (for eCommerce), login/logout, user profile, and notifications (if applicable). The workflows included with this element are pretty straightforward to follow.
This reusable element is customizable, so it is possible to change the styles and content of the element while keeping workflows or using it as inspiration for your own.
Log in/Sign up popup
This reusable element is a pop-up element used for simple sign-up and login processes.
This reusable element is used for notifications shown within the template.
This data type is used to store information about blog articles.
Stores the article’s author.
Stores the publication date.
Stores the article’s image.
Stores the article’s summary text.
Stores list of tags attributed to the article.
Stores the article’s text.
Stores the article’s title.
This data type is used to store questions and answers for the FAQ block.
Stores the answer text.
Stores the general image of the FAQ block.
Stores the question text.
This data type is used to store data filled in the form.
Stores the submitted file.
Stores the indicated email.
Stores the list of selected languages.
Stores the name of the submitting user.
This data type is used to store information about company reviews.
Stores the company name.
Stores the company logo.
Stores the company review.
This data type is used to store subscribers’ emails.
Stores the subscribers’ emails.
This data type stores user-related information.
Indicates if the email is verified or not. Default value - no.
Stores the user name.
Tip: The User data type have the following fields: email, Modified Date, Created Date and Slug. These fields' values can be used in workflows, conditional formatting, etc. To learn more, see the Bubble manual
Note: The data type has a privacy rule applied. See the 💬 in the database under the privacy section for details.
10 August 2022
UPDATE NOTE: This template received a complete overhaul of design as well as functionality. Most of the known bugs and issues have been fixed and new features added.
- 🔄 Template's design reworked
- 🎉 New template documentation
- 🔧 Added "Setup Guide" section
- ❔ Added "FAQs" section
- ✅ Added "Release Notes" section
- 🎬 Added "Video Overview" section
Note: Template updates don’t apply to the apps which were built on the template prior to updates becoming available.
Tip: To check changes in workflows and design, you can create a new block copy and compare the settings (design/workflow) of the new copy and the app you have. So you don't have to "move" your customizations from your already edited template to the new block copy.
Ready to move further?
Enhance your app with powerful plugins
🔌 Zeroqode Plugins: add Superpowers to your App
Zeroqode Air Native plugin
Note: This template has Zeroqode Air Native plugin installed. With the plugin you will be able to integrate all the native features into your Bubble app: Touch ID & Face ID, Push Notifications, Camera & Gallery Access, and many others. To be able to use all the native features, the plugin needs to be purchased (one-time payment or a monthly subscription) via Bubble’s marketplace.
The Air Native plugin allows you to implement the native features within your Bubble editor, but in order to convert the Bubble app into native Android and iOS, it is required to use the Air Native service.
If you do not want to use it, simply remove the plugin from the template.
Zeroqode Air Bundle plugin
Note: This template has Zeroqode Air Bundle plugin installed. It contains six most commonly used and complex plugins that will easily extend your application. To be able to use it, the plugin needs to be purchased (one-time payment or a monthly subscription) via Bubble’s marketplace.
If you do not want to use it, simply remove the plugin from the template.
Boost your Bubble skills within our Lab
🎓 Zeroqode Lab: no-code Courses and Tutorials