[New Template] The CMS for Bubble

Showcase Templates
1

Here it is:
the Content Management System for Bubble - Conexai

Articles-ConexAI
Articles-ConexAI2342×1668 578 KB

You can use this CMS as a starter template for any app.
Fast content creation with Speech to text or Llama3 and image creation with
Dall-E 3.
You can use AI for content creation but it’s not a must.

This Template comes with List and Detail pages for 9 data types as you know from CMS like Wordpress or Drupal.

Do you need a CMS for Bubble?

  • Yes
  • No
  • I’m unsure
0 voters
  • Articles
  • Blog
  • Events (New)
  • Galleries
  • Glossary
  • News
  • Portfolios
  • User Profiles
  • Content for “static” pages like Imprint, Pricing, Contact …

Galleries-ConexAI
Galleries-ConexAI3584×2016 1.07 MB

Galleries-ConexAI-popup
Galleries-ConexAI-popup3584×2016 941 KB

The CMS uses three other data types.

  • Comments - I’ve setup comments for the Blog. But you can implement comments for all other types. Use the Blog as an example.
  • Vocabularies
  • Terms

Use these to categorize your content. Users can then use these categories to filter content.

Content Management

First go to “manage-content” then click on the type you want to edit or add content.

On the left side you’ll see a list of all posts. Click on a title to edit a post.

All dummy content was generated with the AI. Delete the content in a field, enter a prompt and click on the AI icon (Stars) to generate new content. After a few seconds you’ll see the

AI response in the input field. You can edit the content if you want to make changes.

After you’re done click on ‘Save changes’ button at the bottom of the page.

If you want to create a new post click on “Create new post”.

But you can also use the prompt generator to create content with the help of AI.

Follow these steps:

  1. Choose a value for all Dropdowns on the Manage Content Page

  2. Click on the button ‘Create a prompt for me’.

  3. Click on the star icon and the AI will create a far better prompt for you, based on the first prompt

  4. With this new prompt, click again on the star icon and the AI will create a post for you.

You can also create content with the Speech to Text element. It uses the new real time Speech model from Groq. Record an audio file, download the file to your computer. Then click on “Audio to text” and the Speech to text AI will create the text for you. This feature is available on the Content types: Blog, News, Portfolios and Articles.

That’s all you have to know about Content Management.

HINT: Please optimize your images. One tool you can use is Image Optim. I didn’t optimize the demo imagages because I don’t assume that you’ll use these images in your Bubble app.

CONFIGURATION

If you want to use the build in AI you need a Groq and an OpenAI developer account.

Sign-Up on OpenAI and get an API key.

In Bubble go to the API connector plugin, expand the Groq API call and replace the API key with your API key from OpenAI. That’s all to start working with this template and OpenAI.

For Groq: Create an account on https://groq.com and click on API keys on the left side. Create an API key and copy it. Now go to your Bubble site and go to the API connector plugin. Expand the DALL-E-3 API call. On the top you’ll find a shared header. Paste your API key in the value field of the Authorization key.

Demo Site: https://conexai.bubbleapps.io/

Editor: Conexai | Bubble Editor

  • Pixel perfect Responsive Design
  • Beautiful Font Pairing
  • Solved a problem of many Bubble apps. Highlight the parent menu item, even for dynamic detail pages e.g. Blog Post
  • Editor placeholders for all text and image fields
  • Extra AI page: If you want to create text for static Bubble fields, with the help of AI, go to “manage-ai-text”.
  • Full SEO even for dynamic pages
  • Breadcrumbs - automatically for dynamic pages
  • Complete sitemap.xml

Template is sold as is. Any bugs will be fixed ASAP.

For customization requests please email m.droste@mdwp.de

I will continuously update this template.

2

Now you can also create and manage Events with this template.

3

Oh, I’ve forget a start and end date for events. :frowning:
I’ll fix this tomorrow. [Fixed]