[New] Add a Question & Answer section to your app! Enable your users to ask questions and receive answers from others

Showcase
1

New stuff!! We just added a Question Answer widget to our openBuild library!

For those that don’t know, openBuild is a chrome extension for Bubble that gives you access to hundreds of UI components and widgets to build beautiful apps on Bubble. Learn more about it here.

The Question Answer widget enables your users to publicly ask questions and receive answers from other users.

What the Question & Answer widget looks like:

ezgif.com-gif-maker (26)

Check out a live preview here: Question & Answer Widget

This widget comes with workflows and is close to plug and play. You only need to go through a few steps to successfully paste the widget in your app.

Step 1

The field- and option names in the database are case sensitive, so make sure to enter them exactly as specified below

Go to the data tab in your app and create a new type called “Question”. For this new type, create the following fields:

  • Field name = “Title”
    • type = text
  • Field name = “Question”
    • type = text

Step 2

Create another, new data type in your database and call it ‘Answer’. For this type, create the following fields:

  • Field name = “Answer”
    • type = text
  • Field name = “Parent Question”
    • type = Question

Step 3

Go back the data type ‘Question’ and add the following new field:

  • Field name = “Answer”
    • type = Answer - check ‘This field is a list’

‌Additional Step

This widget uses a few more data fields relating to the data type ‘User’, namely first name, last name and an avatar.

You might have already created these fields yourself. In that case, there’s no need to add new fields. Keep in mind that after pasting the widget in your app, some issues might arise and you’ll need to connect these entries to the right ones within your own database.

If you haven’t created these fields already, go to the data tab in your app and go to data type 'User’. Add the following new fields:

  • Field name = “firstName”
    • type = text
  • Field name = “lastName”
    • type = text
  • Field name = “avatar”
    • type = image

Tip: If you haven’t already created an app, we recommend starting your app on our openBase Starter Template. This not only includes the data fields as mentioned above but also some ‘dummy users’ and allows you to use our style system.

To add the openBase Starter template to your templates, go to this link and hit ‘use template’. When creating a new app, you will now see the openBase Starter Template appear in the list of templates.‌

Step 4

Go to the Question & Answer widget in the openBuild extension and hit ‘Pick me’. Bubble will recognize that the Question & Answer widget is a page and will show the popup ‘Paste a page’.

Step 5

Modify the page name if desired and paste the page by hitting ‘CREATE’

The Question & Answer widget should work! Hit preview to check it out.