The guide states the things to note, like Admin Access, Custom Code, Notes, APIs, etc.

Custom Code

On certain pages, there are some HTML elements used for some solutions that are not available by default. You can find these codes on the following pages:

Header reusable element - HTML A - this element is used for the effect of blur on the header.

generate page:

HTML A - this element is used for loading animation.
HTML B - this element is used for loading animation.
HTML C - this element is used for loading animation.
HTML D - this element is used for the blur effect on the header, and for customized scrollbars.
HTML E - this element is used for the effect of blur on the element with id glass2 (Group style).
HTML F - this element is used to show shadows over the repeating group.

index page:

HTML text gradient - this element is used for gradient on the text "with AI Technology”.
HTML text gradient - this element is used for gradient on the text "Image to Image”.
HTML text gradient - this element is used for gradient on the text "Text to Image”.
HTML text gradient - this element is used for gradient on the text "Text to Audio”.
HTML text gradient - this element is used for gradient on the text "Chat With AI”.
HTML text gradient - this element is used for gradient on the text "Text Generator”.
HTML text gradient - this element is used for gradient on the text "Summarize”.
HTML H - this element is used for the effect of blur on the header.

❗

Important: Feel free to customize the styles, but please note that changing the code may break the described functionality. Strong CSS/Javascript and Bubble skills are recommended. ❕For all things Bubble check: https://manual.bubble.io/. ❕For CSS/Javascript check: https://www.w3schools.com/.

Hidden Design Elements

💡

Tip: Initially, on some pages, design elements in Bubble Editor might be hidden.

Here is an example of how to unhide 👀 them:

Plugins

In this section, we describe additional plugins used on template pages for different purposes.

Full OpenAI GPT-4

☝

PAID PLUGIN INFORMATION: The template comes with a paid plugin - Full OpenAI GPT-4 that enables chat-related features (chat, summarize, and text generator). You would need to subscribe to it (or buy it) in order to use it within the template.

☝

Note: To find out how to properly set up this plugin, please consult the plugin's supporting documentation: https://docs.zeroqode.com/plugins/full-openai-gpt-4-plugin-for-bubble

Zeroqode Air Native plugin

☝

Note: This template has the 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 the Zeroqode Air Bundle plugin installed. It contains the ten 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.

Embedded Notes in Bubble Editor

This template comes with explicit Notes for Database fields, Option sets and their fields, and Privacy rules, which will guide you with the modification process.

In order to preview a Note of any data type or field, click on the 💬 icon.

Things to Note