User Account Custom Field Code

Design help User Accounts
1

Hi, On my user accounts page i have set a custom field to have a link to a google drive folder for my customers invoices.

I then have a custom code element to take that link and display it in an iframe on their account page.

The code works if i put the link in without referencing the custom field. But not when using the reference.

Any help would be amazing thank you!

2 
<div>
  <iframe src="{{wf {invoices-folder} }}" width="100%" height="500px" frameborder="0"></iframe>
</div>
3

can you share a read-only?

4

What is the src of {{wf {invoices-folder} }} meant to do?
To my knowledge Webflow’s User Accounts ( WUA ) does not have any support for data-binding.

I built a library to capture and aggregate the logged in user info, including name, email, custom fields, and access groups, and make it available to your custom code for personalization.

5

Thanks for your reply.

The src of {{wf {invoices-folder} }} has a link to display the files in a google drive folder.

https://drive.google.com/embeddedfolderview?id=YOUR_ID#list

This same link but the actual folder id.

That is a shame if that’s the case. It would’ve been really useful to display custom data on user login pages.

Thanks for your input.

6

That’s what the SA5 lib above does.
Someday hopefully Webflow will add that capability to Memberships.

7

Hi Memetican,

Loving the SA5 and have played around with it for custom fields and will definitely be using this on my site.

I am still having some trouble with the code section though, I have tried this.

<div>
  <iframe src="{{wf {wfu-bind=$user.data.invoices-folder} }}" width="100%" height="500px" frameborder="0"></iframe>
</div>

Which is still showing a blank screen.

Any help on this would be amazing

1 Like
8

{{wf ... }} syntax relates to Webflow’s custom embedded fields, which don’t exist here. It’s interesting to see how you’re trying to conflate them though.

wfu-bind is SA5’s data-binding attribute, and what you’re trying to do would work on something like e.g. a form input or plaintext;

<input wfu-bind="$user.data.invoices-folder">

Would be the right approach to initialize your input to that custom user value. However binding only works with form inputs ( binds value ) and plain text ( binds innerText ), not iframes.

You’d set your iframe src with javascript. Here are the SA5 docs you’re looking for