Avatar Plugin Setup

[linkcx]

My apologies if I’m missing something but I am setting up the avatar plugin and having some issues.

Is there a setup guide besides just the demo page? I saw on another post I could clone to demo page into my bubble app, is there any documentation on this process as well?

Thanks! Sorry this is my 3rd build so not 100% comfortable with Bubble and plugins just yet.

[linkcx]

I am also trying to tie each avatar to each logged-in user. Any suggestions?

[dorel]

Hi @linkcx

Thank you for using our plugin!

Unfortunately, we don’t have the documentation on Avatar Creator Plugin. As this is an easy plugin, we only provide the Demo Page. Please specify what issue you are going through so we can better understand how to support you!

@linkcx

could clone to demo page into my bubble app

It is possible to copy from the demo page to your own bubble app, but we don’t recommend that. Let us show you a small introduction on how to recreate it on your page:

Insert the Avatar Element on your page:

Insert the dropdowns and Show Avatar Button(this button will show the changes you made on the Avatar - not save it):

You can add as many as 28 different dropdowns, each changing the specified element of the Avatar.

Setup of Dropdowns:

Choices Style = Dynamic Choices, in order to have different choices according to what we want to change.
Type of choices = should be regular text in this instance.
Choices source = the avatar’s choice for the dropdown. In the instance above, the first one was Avatar Style.
Option Caption = Current option

Show Button Workflow :

Each element = corresponding dorpdown’s Value
ex. Avataar Top Type = Dowpdown Top Type’s Value

@linkcx

I am also trying to tie each avatar to each logged-in user. Any suggestions?

As shown in the Demo Page, you can save the avatar using its url.

For this you will need a Save Button and to create another field in the database, where you store the users information. Lets say you store all the user info in the User data type. Create a new Field, naming it however you want, with field type text

Workflow of the Save Button:

Choose Make changes to current user as the action. Then Add another field where you specify that you want the Avatar’s URL to be saved into the data field you just created.

Hope we helped in what you are trying to achieve!!

Cheers

[linkcx]

Thank you!! This is perfect, as for saving the Avatar it’ll save to each user so each user will have a different Avatar URL stored in the database?

Thank you very much this is very helpful!

[dorel]

Exactly @linkcx,

Each Avatar URL will be different, storing the different parameters that you set up in your app.

Glad I could be of help If any questions come up, we would be more than happy to answer them

Have an amazing day

[linkcx]

Hey, I’ve got the first part setup as far as building the Avatar. I am having issues with saving the Avatar so when someone logs in again or navigates to a different page it’s the default one.

Here’s my save button:

I can see it in the DB, I am not 100% sure where I am going wrong.

Thank you for all your help

[dorel]

Hello @linkcx,

I am very happy to hear that it’s working, at least a part

I would want to know how you display the Avatar URL after you save it. Because the Avataar Element doesn’t have Placeholder or Initial Value, you have to display the URL into an Image Element.

Here is a screenshot of how it is supposed to look like:

Hope this cleared the confusion If not, please provide screenshots on how you display the users Avataar URL.

Cheers

[linkcx]

It’s working perfectly

Thank you very much for your help <3

[dorel]

I’m happy to be of assistance!

If you find this plugin useful, we’d appreciate it if you could leave a review. Open the plugins tab on your bubble app and find our plugin that you’re using, at the bottom, you can grade it and tell us the experience

If you have any further inquiries about our plugins, don’t hesitate to email us at support@zeroqode.com.

Have an amazing day