Join the Webstudio community

Home
Members
Ronald from 360Creators
R
Ronald from 360Creators
Offline, last seen 6 hours ago
Joined December 13, 2024
Slug Encoding.
I always thought for some reason that urls should be encoded.
That's why I used encode_uri in a Baserow formula to do the slug field.

But I noticed today that encoded slugs don't even work in Webstudio and I actually better keep things as they are. Which seems more convenient. Although I wonder why encoded urls don't seem to work.

I only noticed that I need to check for / slashes and replace those with another character. Other than that it seems to all work: leaving spaces, emojis and other special caracters like ü or ß as they are.

I think I'm more happily surprised actually, but I would still like to check if my new observations are in its place. Am I missing anything to pay attention to other than that they should all be unique?
1 comment
R
Does anyone have some experience with large sitemaps in Webstudio? I've heard that they shouldn't exceed 50k URLs. When that happens they need to be split is what I've read. I'm curious if making an API call to fetch 50k items for the sitemap is something resource intensive, doing this from a selfhosted baserow for instance.
5 comments
O
R
Deleting a webstudio project that's connected to a domain, will that also remove the content that's published? I just did that and so far it doesn't, but maybe it's just a matter of waiting a bit longer.
2 comments
B
R
Hey good morning guys! 😁

It'd be nice if there's something else than a webhook form. For some reason I use n8n and with a webhook-test and I can get it to work, but as soon as I remove -test it doesn't anymore. Might have missed some opportunities the last couple of weeks.

What if there's some sort of integration like providing the SMTP info for sending out the email, or logging into mattermost/discord/slack to provide that submitted form response for any form over all webstudio projects and/or specific to a project.

This would remove the headache of testing all forms all the time and figuring out something doesn't work. And iti would decrease the amount of point of failures.
22 comments
O
R
I'm missing some link where the image is hosted, so that I can right click it and download it back to my computer.
I've figured that I can just preview the website and then right click to download. But still might be nice to have an option to download in this Asset Details area, I think.
2 comments
O
D
I've found this YT tutorial about making custom shapes with border-radius where they can do this 34% / 73% thing. Obviously when I do that in Webstudio, it divides.

Is there any trick to create a similar effect here?
14 comments
O
R
B
Did you guys see?! I think it's quite a big win for open source. The impact DeepSeek created 😮
https://www.youtube.com/watch?v=Nl7aCUsWykg
10 comments
O
R
Yesterday got a playlist up to 50 videos straight from Youtube to Webstudio. It's pretty awesome, you can get the thumbnail, title, descriptions (without link formatting), view count, amount of likes on each video

Need to activate in console.google.com the youtube data api v3, then copy that key and use it in this curl command as your webstudio resource:
Plain Text
 webstudio resource: youtube playlist
curl "https://youtube.googleapis.com/youtube/v3/playlistItems?part=snippet&maxResults=100&order=date&playlistId=PLk9V6QZq6ese4YTC0sBYx4MPCawC51ZGX&key=[APIKEY]" \ --request get \ --header "Accept: application/json"

Then you might only need to change the playlistId with your own.


To get a detail page of each Youtube video, create the :slug in the new webstudio page and use the following resource:
Plain Text
`https://youtube.googleapis.com/youtube/v3/videos?part=snippet%2CcontentDetails%2Cstatistics&id=${system.params.slug}&key=[APIKEY]`


Keep in mind that Youtube has API limitations, the max daily limit is 10.000 calls.

I'm still experimenting with it, but I thought let's at least share some progress so that others don't need to get through the same struggles than me looking for unnessary oauth access keys.

Now when I publish a new video, I can add it to my hidden webstudio playlist and it will appear live in sync on my website 😎 😁
5 comments
M
K
J
O
Anyone any idea why ahrefs site audit would say that the sitemap is not accessible? I'm new to ahrefs, not sure how accurate this notice is.
2 comments
O
R
All the styles/colors change when importing the craft styleguide into a craft template.
9 comments
J
R
SOLVED (by myself 😂 )
I know it's possible!

Trying to recreate the Webstudio Docs page just for fun.

Created a base in baserow with Categories, Pages & Subpages.
https://baserow.io/public/grid/5pM1Fpdheg1Tyzkoe_4bTtt5r89T9T_9r-813OVAWMg

I've got the first nesting working, to show all relevant pages beneath each category.

The challenge is to get the second nesting working, showing all subpages (if they exist) beneath each page.


What I thought so far:
subpage_["field_2910090"][0].id = 9
category["field_2909743"][0].id=9

Using ternary operator:
${subpage_["field_2910090"][0].id=category["field_2909743"][0].id ? subpage["field_2910088"]} : ''

Projectlink: https://p-01658867-c63a-4dc9-b4d2-9813137fc27f.apps.webstudio.is/?authToken=fa4ffb3a-690b-4bd6-b590-fa1b27d3d016&mode=preview
13 comments
R
Y
M
I've created a simple formula in Airtable to show either true or false.
I was hoping to bind this field to Settings>Show, but it's giving me an error Show expects a boolean value. I would think that true or false is a boolean value, but maybe I'm wrong.
7 comments
R
B
Right now I have a field in Airtable called Name. But if I rename that later, it's going to break the connection with Webstudio. I tried placing the field ID in there instead fldi9VKxKWO7AOy6n, but didn't work.

Makes sense to prefer field IDs over names, right?
17 comments
B
R
J
Using an HTML Embed, I'm pasting in:
Plain Text
<iframe src="" width="100%" height="100%" style="border:none; overflow: hidden" scrolling="no" frameborder="0" allowfullscreen="true"></iframe>


Within the expression editor I see all these \ (backslash is the definitation, right?).

Why is that?
3 comments
O
R
B
I'd like to create a tutorial on how to improve SEO for Virtual Tours. Virtual Tours are usually an exported static folder with an index.html that uses deeplinking to go from one panorama to another. Like #media=1 or #media=2 to change panorama.

The idea would be to setup baserow/airtable with all the panorama names and describe each panorama with what is visible in there to have a title and description for each. Then connect it to Webstudio and create the dynamic pages. Each dynamic page having an iFrame embed that links to the specific panorama.

Even though I wouldn't call myself an expert on SEO, my common sense tells me that this is going to help the visibility of a virtual tour on search engines a lot.

The thing that makes me wonder, is that usually virtual tour creators their clients already have their website hosted with something else than Webstudio. Whether that is wordpress, shopify or whatever tool they use. In order to add these dynamic pages of the virtual tour to the client's website, you could put the Webstudio project on a subdomain like webstudio.website.com/{dynamic-page}, but subdomains don't seem to be a good idea for SEO. And I think a reverse proxy can solve that issue that it still can be placed on a subdomain, but moved to website.com/webstudio/{dynamic-page}.

I would like to check if my assumptions are correct and wonder how complicated setting up a reverse proxy is.
10 comments
R
H
J
I've duplicated LOCATION, renamed the duplicate to INTERIORS, but the Menu Content stays on the exact same position as the LOCATION. I've been looking around the display settings and positioning, but I'm a little lost. I would like to have it moved to the right below INTERIORS. Anyone any idea why this happens?
10 comments
R
J
For quite some time I didn't receive any spam, but now two passed through again last weekend. Is there any emailadres from Webstudio to forward spam to so that it can be looked into?
9 comments
R
O
I did it!! Canceled Webflow on my main website 😎
The night before black friday, just after announcing my own black friday deals I offer to my clients 😂 Not the smartest thing to do. But still did it and I feel awesome now hahaha
4 comments
R
s
M
J
Just discovered the time component, very nice! Just wondering if I can also make the times relative. Instead of the date, that I can say x weeks ago or days ago or today.
2 comments
R
O
[✅ solved]
I got stuck last week trying to figure out why a standard slug (single line text) from Baserow just worked fine in Webstudio, while doing a slug (formula) gave me this error.
ERROR_VIEW_FILTER_TYPE_UNSUPPORTED_FIELD
The filter equal is not compatible with field type formula

Formulas are much easier to deal with in the long run.

Long story short, a single line text in Webstudio is type string, while formula in Webstudio is type array. And then in this resource url that has equal, needs to be changed to has_value_equal.

Original that gave me error
Plain Text
https://api.baserow.io/api/database/rows/table/387xxx/?user_field_names=false&filters={"filter_type":"AND","filters":[{"type":"equal","field":"2941xxx","value":"amazing-slug"}],"groups":[]}


Change to:
Plain Text
https://api.baserow.io/api/database/rows/table/387xxx/?user_field_names=false&filters={"filter_type":"AND","filters":[{"type":"has_value_equal","field":"2941xxx","value":"amazing-slug"}],"groups":[]}


Hope this might help someone later on searching this discord for this error 😁
I create a new box with heading, text and link. What causes all the whitespace between the heading and the text?
Is that some default heading formatting?
4 comments
R
B
Hey guys!! 😁

I'm excited to share my first in depth tutorial, 42min with timestamps, on programmatic SEO using Webstudio and Baserow.

I know it's very much niched down to 360 Virtual Tours created in 3DVista. And that design-wise in Webstudio not so much is going on for an iFrame with meta titles and descriptions, but maybe it's still relevant to some of you. Things like:
  • 14:09 Combining a slug formula with custom slug in Baserow, if you want to apply a correction to the automated slug.
  • 15:46 Connecting Baserow with Webstudio (directory item / dynamic pages)
  • 23:46 Concatenating dynamic data in Webstudio
  • 30:34 Sitemap & connecting Baserow with Webstudio (collection list)
https://www.youtube.com/watch?v=sgER7sxD7tg
2 comments
R
O
I'm not entirely sure what it is, but I get confused very quickly selecting pages and/or looking into page settings.

Seeing the blue and and gray makes me wonder which one I'm at. Thinking about it, I know now that the gray is the opened page settings, while blue is the opened up page that is now behind the page settings.

I think what I'm expecting is that when I get into the Page Settings of any page, that the page behind it (blue selected) is the exact same. So that when I close it <<, I see the one I just worked on.
6 comments
J
B
R
When I try explaining Webstudio to people that have never heard of it, they ask me things like: is it like wordpress?

One thing I wonder in order to explain benefits of Webstudio compared to Wordpress, how many wordpress websites are actually being deployed on a CDN like Webstudio does?
5 comments
R
L
M