Thumbnail Generation Tool?

Hello!

I am a new user an am pretty amazed at what Bubble can do. I just completed the basic lessons and I had a question for the pros:

Is it possible to have a text input form where I can input a title of a blog post and an image uploader where I can upload an image. These will then be used to generate a thumbnail which a user can download.

Of course, there will be other customization options available like the size of the text, the text, etc.

Something similar to this:
pinwords quote

Thing with the top one is that you can’t choose the color, or the font size of the quote, it’s just… there.

Currenty, I’m thinking bare minimum: 1 input form (for the quote) and an image uploader (for the background image). But how would I put the two together?

Any thoughts?

Regards,
Amir

You could use something like Imgix. Bubble provides some options for using Imgix automatically, such as resizing images, adding pixelation, formatting it as a certain file type, etc. but this doesn’t include adding text to the image.

If you want to add text as you’re doing, you could either:

  • Integrate with a tool like Imgix through the API and manage it that way. Probably easy to set-up once you know how to use APIs. Don’t know Imgix’s pricing for these services though.
  • Talk with Bubble about sponsoring a feature addition so they extend their API and make adding text an option available to everyone.
  • Alternatively, if you want something cheaper, you could just include the text as a text element on top of the image in Bubble. It’d appear to users as if it’s written on the image, but would be a separate element.
1 Like

Hello!

Thank you for the reply!

I took a look at their website and saw they have a text API documentation under the developers tab. I believe that’s what I’m looking for.

I’ll contact them, along with Bubble with the sponsorship for the feature addition.

However, I saw that your third bullet point, you said I can put the text over the image but it will be a separate element. Is there a way I can screenshot the “box” around the image to capture the text element over the image and have a button that can download that?

Just curious, but I do appreciate your help! I’ll look into Imgix!

Regards,
Amir

Hi @amirpanda2018!

You might want to try out this plugin which is described as:

Converts an element (can be a group) to a PNG, which can then be either accessed and saved or downloaded directly to the user’s computer.



Looking to improve your Bubble™ skills?

Let me turn
:thinking: :tired_face: :confounded:

into
:grinning: :sunglasses: :woman_student:

Coaching and Development at https://uniqueideas.com or schedule a free intro session :gift:

Ken Truesdale
LinkedIn

3 Likes

Hey!

Thanks for the recommendation! I actually took a look at the plugin and there was something wrong with the action as it did not display a dynamic content.

But I will definitely look more into it

Thank you!
Amir

This topic was automatically closed after 70 days. New replies are no longer allowed.