💾 Elements/Groups to Image (Free Plugin)

Showcase
1

Hey All,

This new plugin allows you to convert groups or elements to a PNG that can be stored or downloaded.

Simple to use:

  1. Place the Element to PNG Element on your page
  2. Make sure element IDs are enabled in your Bubble general settings
  3. Use the Element workflows and Element value for fetching the picture

Demo and more info: https://codurly.com/element2img

Please contact us for any bugs you find :slight_smile:

Thank you,
Nic

e0d71aa128f9e6ae6536bd4130036b04

13 Likes
2

niceeeeee

1 Like
3

Very nice!

Would it also be possible to handle this via an API Workflow?

Tested some things but only can make it work if I visit the page. Would be nice to be able to create images via API from elements :smile:

1 Like
4

I’ve not been able to get it to work when there is an image within the group. When you run the action the conversion omits the image.

I’d be willing to pay to have the functionality to include images.

1 Like
5

Hey,

We will work on getting images included into the plugin. We will keep you updated with progress, if you want to PM us and see if we can find a work around for the time being for your use case.

Thank you,
Nic
https://codurly.com/assist

2 Likes
6

Hi any update on this? I would also love it to capture images if you can get it to work.

1 Like
7

I’d love to have images included as well!

1 Like
8

Hey,

Quick update because we have been getting a ton of messages. The library used to make this plugin work is html2canvas which says it supports background-images but it doesn’t appear to be working on Bubble currently. We don’t have a ton of time to fully look into it yet but if someone can come up with a solution we would love to include it in the plugin.

Thank you,
Nic
codurly.com

10

Hey Nic!

I’m trying to get this working for dynamic blog post images.

Combining a universal background image + overlay group + text

Is this possible? I can’t seem to save the element to the blog post.

11

Hi @codurly,

great plugin, thanks!!!

have found a possible solution to image issue on github…
[https://github.com/niklasvh/html2canvas/issues/722]

16%20pm
16%20pm1458×254 31 KB

a few have mentioned that it fixed this problem, whilst some are still having the issue? might be worth adding in to see if it resolves your image render problem?

1 Like
12

Hi @codurly , i have installed the plugin , but when i try to download the Element [ Image + Text ] inside a group , as an image it display this Error , please check the screen shot

Convert%20elemnt%20to%20image
Convert%20elemnt%20to%20image1354×1286 191 KB

Kindly support
Thanks in advance

13

that plugin does not capture images. The only plugin that does is https://bubble.io/plugin/anything-to-image-1549864628765x803324453202427900 by @PWC. ive got no affiliation here… just commenting

14

@Bubbleboy COOL , Let’s say i want to convert this Group that include [ Image + Text on it ] into image , can this plugin do it ? for example check the screen shot ,can this plugin help me here ?

final%20image
final%20image562×627 97.2 KB

Thanks

15

@PWC provided a demo app to allow you to test and do just that https://pwc-anythingtoimage.bubbleapps.io/

Always best to be a confirm from the dev… but as far as i know… s

here is the question i asked which is the what youve asked about

17

I’m not familiar with this plugin, but I do know that in html IDs can’t begin with numbers— is it possible this is the issue?

19

If you just even have a single letter before the number it will become a valid html ID. For example “a1”

20

Thanks man for your support ,smart advice , somehow it works now , BUT the image is empty , the new png image is a group ,includes the text , but the image not there ! what so you think , i am using " element to image " png

empty%20image
empty%20image588×644 18.7 KB

21

help , how to use this plugin

image
image1366×768 81.5 KB

22

Can someone from @Bubble check the plugin, Its not working

23

my version is working for what its worth