Join the Webstudio community

Home
Members
Ronald from 360Creators
R
Ronald from 360Creators
Offline, last seen 23 hours ago
Joined December 13, 2024
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
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 😎 😁
2 comments
M
K
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
As mentioned by Milan before in this discussion: https://discord.com/channels/955905230107738152/1247214670125727775

I was experimenting with the GSAP template with paralax backgrounds. So I wanted to turn that into a collection for categories, but it's also using background-image which can't be dynamic at this time.

So I wanted to bump that up again with a more specific use case.
1 comment
R
Hey hey 😁

I know this is very use case specific. I assume this is outside the scope of Webstudio's support. If anyone could help out with this or knows someone that could, I'd be willing to pay.

I can drill into this json file JSON.locales.[0].data. until that point. Then I get a list of IDs such as audio_21C02D84_643F_B414_41B0_c31, while I want:
  1. The output of "value" such as 26-02-2016 that comes after the ID.
  2. If possible, filter only data that contains panorama_.
I understand the JSON file is messy, but that's something I'm trying to deal with.

If that's possible within the expression editor, amazing.
8 comments
O
R
T
First day getting started with craft open props.

Wanted to do font-weight-1 but didn't appear in the list. I guess I'll need to make that variable myself then?
9 comments
R
J
O
When I use this embed with static url it works:
Plain Text
`<iframe src="https://s3.360creators.com/staging/wimhof/index.html#media-name=iceColdWater&yaw=141.15&pitch=3.49&fov=95.49" width="100% height="500px" style="border:none; overflow: hidden" scrolling="no" frameborder="0" allowfullscreen="true"></iframe>`


When I used embed with dynamic url it doesn't work, it shows a Webstudio logo instead of the content I'm expecting:
Plain Text
`<iframe src="Airtable Wim Hof.data.records[0].fields.Deeplink" width="100% height="500px" style="border:none; overflow: hidden" scrolling="no" frameborder="0" allowfullscreen="true"></iframe>`


When I fetch the same url in a text field, the text field just shows the url as expected.

So only with putting it in the iframe src is where I'm having difficulty with. Can anyone spot my mistake?
7 comments
R
B
Ever thought of having a personal library of reusable components that can be used over multiple webstudio projects? I think that could be pretty useful.
I guess for now I could just create an extra webstudio project and call that personal library 😝

How are you guys dealing with this? For example building a basic menu according to your own logic and re-using that? Going back and forth between projects I assume?
9 comments
R
O
Who's going to get Switzerland as a client to use Webstudio? 😎
https://www.youtube.com/watch?v=7zmfm9xOvD8
3 comments
R
O
Created a webhook form with only a text-field for filling in a url. Added the n8n webhook url and the POST method.
I checked in n8n, it is set to POST as well.
Anyone any idea what I might be missing here?
30 comments
B
O
R
M
Hey guys!! 😁

Recently, we held our first Webstudio online Meetup. People have asked for more meetups, so here we go!

For Meetup #2, we will have an introduction to the CEO of Webstudio, Oleg Isonen, who will showcase some new features.

We will also have time to ask questions and help each other out.

There will not be a recording to create a safe place for you to speak and ask questions.

Meetup #2 will be on Friday 16th of August 4pm CET Amsterdam time. Check the link for the time in your timezone. After registering you will receive the url for the meeting by email.

See you there!!

https://cal.360creators.com/360creators/webstudio-meetup?month=2024-08&date=2024-08-16&slot=2024-08-16T14%3A00%3A00.000Z
9 comments
R
D
O
B