How to generate automatic Flyers with Bubble?

3whiteshirts · 2020-12-04T03:00:26.066Z

Hello Bubble Community,

I want to generate automatic FLYERS with Bubble.
There are plenty of websites where you can generate flyers, but it’s a hand made process.

How could I use some of these Flyers Templates and API some of these websites to update a Template with Time, Name, additional elements with different typos, Picture etc …

Any idea or suggestions how to address such Use Case will be much appreciated

Thanks in advance for your support and suggestions.
Pierre

tayloramarotico · 2020-12-04T03:08:02.383Z

Hi Pierre,

Do you have any examples of these flyers you mention? That might give everyone a better understanding of what you’re trying to accomplish.

Best,
Taylor

3whiteshirts · 2020-12-04T03:08:13.988Z

For example this automatic flyer website: https://placeit.net/flyer-maker

Assuming I subscribe with them, how could I integrate this website with Bubble?

3whiteshirts · 2020-12-04T03:11:37.858Z

This is a Flyer that can be personalized by hand. How could I automate the Text update, Font, Colors, background etc … in a Bubble App?

placeit.net

Placeit - Weekend Breakfast Flyer Design Template for Restaurants

Weekend Breakfast Flyer Design Template for Restaurants

3whiteshirts · 2020-12-04T03:30:23.227Z

Another exemple of a Flyer to be updated with Bubble.
I’d like to find a way to link Text, Font, Background, Colors, Picture with a Bubble App.
Any idea how to do such integration? Thanks for your ideas and suggestions.

https://placeit.net/eabca01afd119a

The Option to create thousands of Flyers within the Bubble App is not an option as it will take ages before having a nice data base of Flyers… So I want to integrate with the Flyers of existing Flyers websites …

Other Examples of Flyers Websites:

PosterMyWall

Customize 16,090+ Invitation Templates

Create stunning Invitations designs in minutes by customizing our easy to use templates. Download for use on the web for FREE. High resolution downloads start at $2.99 only!

Piktochart

Log in and start using Piktochart's templates and drag-and-drop editor to...

Log in and use Piktochart to create beautiful infographics, posters, reports, presentations, flyers, or social media graphics. No design experience needed

Venngage

Motivational Quote Facebook Social Media Post Template

Customize this Motivational Quote Facebook Social Media Post Template to inspire your followers. Search Venngage for more social media templates!

Price: USD 0.00

tayloramarotico · 2020-12-04T03:34:16.414Z

I think it would really depend on the specific flyer builder website and if they have a public API or not. It appears PlaceIt.net has had an API at some point: https://www.programmableweb.com/api/placeit-rest-api But all the endpoints seem dead so you’d have to investigate that part more first.

Assuming you find a flyer builder with an API, you could then GET and POST the data you need. Integrating it would probably depend on the specific API design they’re offering, and how you would want to work with it. Another question for the future!

3whiteshirts · 2020-12-04T04:41:53.690Z

Thanks. I have found another Flyer website with a REST API feature. https://www.postermywall.com/

These are the links to the API documentation
https://developers.postermywall.com/api-reference
https://developers.postermywall.com/oauth-guide
https://developers.postermywall.com/apis/postermywall-api/index

How to proceed now? FYI, I’m not a developer and I’d like some help to make it usable within Bubble. How to do that? Thanks in advance.

cmarchan · 2020-12-04T16:06:09.123Z

Just played around with postermywall’s API. They only allow you to pull data so it would only be of partial use for your use case:

Screen Recording 2020-12-04 at 10.58.43.19 AM

image868×800 44.1 KB

screenshot-developers.postermywall.com-2020.12.04-11_02_201920×3126 310 KB

To connect to APIs the Bubble’s API CONNECTOR plugin is used
I created a free account in postermywall and created one test project. This creates an API key that is used for the GET call from Bubble’s API CONNECTOR plugin
This is the setup in the editor with one repeating group, one text element and one image element

image1007×835 29.7 KB

image1062×845 29.9 KB

Hope this provides some guidance on getting data from API services

3whiteshirts · 2020-12-05T09:29:36.254Z

Thank you so much for your analysis. It helps a lot.

Though after having spent times and tests on the API pages of PosterMyWall, it looks like I couldn’t get access to the Get/Design created … It looks like this part of the API is blocked except the Get Templates … Did you faced the same issue.

Anyway, Thanks so much for setting this up … I understand much better now how to connect a API with Bubble.

You are a KING Thanks again for your assistance.

cmarchan · 2020-12-05T13:39:21.261Z

Yeap faced the same issue.

Best of luck with your project

3whiteshirts · 2020-12-07T04:26:26.871Z

Hello, CMARCHAN and others skilled Bubble experts

I have found an API provider PIXELISE which proposes to automate the generation of images with text, colors and background remotely.

Pixelixe

Image Generation for marketing automation

Learn how to auto-generates variations of your graphics and banners with our text to image API.

Pixelixe

PIXELIXE - Automated Image Generation API

Pixelixe makes it easy to automatically generate images on the fly with a simple API.

GitHub

GitHub - pixelixe/Pixelixe-API-Demo

Contribute to pixelixe/Pixelixe-API-Demo development by creating an account on GitHub.

It looks promising but the thing is I need help to setup the API inside Bubble. I know some of you are experts on this. Could you help me setting the PIXELISE API within Bubble?

Use Case: Let’s assume I have created 3 Design Flyer templates for 1 activity. Below an example of 1 Flyer design.

Mobile-Webpage-320x480

I want to remotely from my Bubble App access PIXELISE-API and

Update the Flyer parameters Date, Location, User Picture, Image Background with Bubble Data.
Download the Updated Flyer into Bubble data base as JPG
Repeat 1. and 2. for the 3 Flyer design
Show the 3 updated Flyers design to the user in a vertical Repeating Group and let him choose the one he prefers
Save the one selected as JPG in a Bubble Data base

Would that be possible with PIXELISE?

I don’t know how to setup the PIXELISE-APi parameters into Bubble-API and start the Use Case. Your assistance and knowledge will be much appreciated.
Thanks in advance for your support.
Regards. Pierre

system · 2021-02-12T03:00:26.962Z

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