Blog

Design update: a new podcast template

Employee at GoodBarber

  Updated   2 min read

Attention, podcasters! We're thrilled to unveil an exciting update for the way you present your podcasts. This brand-new template is designed to take your podcasting experience to new heights. Gone are the days of settling for a single template – now, you have now more flexibility to create a visually stunning and immersive podcast platform that reflects your unique style and captivates your audience.
In response to the growing demand for diverse and eye-catching designs, our designers have meticulously crafted this template. We understand that podcasting is not just about delivering exceptional content, but also about creating an engaging experience for your listeners. With our new design template, you can now create a podcast section that not only showcases your audio content but also leaves a lasting visual impression.
 

What's new with this template?

The main difference between this template and the one that we already offered is the way the sound is launched. 
Here the podcast can be launched directly from the podcast list. No need to leave the list page, your users can easily play the podcast episodes from one single page. 

 
A few more things:
- When the podcast is paying, the timer is updated in real-time
- When it goes on to play the next podcast episode, the list is updated accordingly. 
- When you press the Play button, it opens automatically the mini player at the bottom of the screen 

How to select the template in your back office?

In your back office, go to the menu My App > Structure > click on your podcast section > Edit list of sounds. There, select the 2nd template (with the play buttons). 
As usual, you can also edit the design of this section using the pen icon on the mockup. Click on the pen icon > section design. 

 
Voila, your podcast section has a fresh now look! 

Keep reading

  6 min read

AI Extension Builder: the agent tests your sections and can create your app's database

Take a sports club that wants its members to choose the date of its tournament. In its Create with AI section, it writes: “Add a poll to choose the tournament date, with the results.”The agent first reads the app's context: its palette, its fonts, its logo, the files already added. It looks up GoodBarber's design system, written by our designers. Then it writes the section's files.The votes have to be shared between all the members. The agent spots this and asks the question, with three answers:Create the app's database: one database, run by GoodBarber. Its tables start empty.Connect my Supabase: the data goes to the club's Supabase project.Cancel: the agent builds the section without a database, and each phone sees only its own votes.The club picks the GoodBarber database. The agent then opens the section in a browser, at the width of a phone, and tries its buttons. It looks for errors: a script that crashes, a broken image, text that runs off the screen. It fixes what it finds, then saves the section.The members vote, and everyone sees the results. Each member can change only their own vote.