Join the Webstudio community

@John Siciliano @Oleg Isonen my team & I were discussing building an AI-assisted landing page builder on top of Webstudio platform - wondering if you guys plan on offering an API access to Webstudio in the future? 🙂

Idea is simple: user of this app would be able to easily select pre-built components/sections/landing pages, change text/images & all of this would be formatted & posted to your Webstudio - think of it as a quick starter kit for pages.

This would be very useful for MKT people, needing to create quick prototypes of landing pages, with possiblity of further developing them into standalone projects.

I haven't figured out the details yet: a user would create a project on WS & provide edit link, then our app would create elements inside that project, which would be of course compatible with Craft for easier scaling of the page.

We thought of self-hosting Webstudio & configuring it that way but I thought it wouldnt be too bad to ask about API access.
Does anyone have any good sources for WebStudio YouTube tutorials other than the official channel? Looking to build up a list
2 comments
B
K
I'm on the free plan, testing on a practically empty website, with no CMS integrations. Does this get faster on a paid plan?
Don't know if this is the normal experience or there's a problem somewhere.
1 comment
O
I'm confused about the cms for self hosting when I try to set up connections it says I need pro but the pricing card say cms for self hosted. How do I set up cms if I'm build using the website but going to self host?
3 comments
O
s
Besides YT and Vimeo, will there be support to link other 3rd party linked videos?
(Gumlet, Cloudinary, and others provide a direct mp4 link which is very handy)

A lot of clients are getting conscious of avoiding YT / Vimeo uploads for different reasons (either they have a DAM with their videos or they have privacy concerns with YT) and in such cases we use other video hosting platforms. Would be nice to have a support of adding custom video link as background (similar to currently YT and Vimeo).
Other general observation I noticed Gumlet (or similar) hosted videos load WAY faster than Vimeo., without any additional scripts.

(Screenshot ref from Bricks Builder that we've used for 90% of sites so far)
1 comment
O
How do I prevent prevent inline playback on mobile with the Vimeo embed? https://help.vimeo.com/hc/en-us/articles/12425812053265-Inline-playback-on-mobile#:~:text=By%20default%2C%20all%20Vimeo%20videos,fullscreen%20button%20on%20the%20player.

I attempted this with CMS but it didn't work: BaserowItem["my video's url"] + "?playsinline=0"
20 comments
S
O
As mentioned by @Oleg Isonen on Github I created the workaround for a redirect of a webhook form.

→ So I added an HTML embed inside the webhook form's success box with this code (and changing it to my path).

<script> location.href = '/whatever' </script>

This worked great for a static link/slug/redirect.

Now I wanted to make it dynamic based on the Slug in AirTable (think redirection based on a specific product for example).

In the Webstudio University its documented how to create dynamic links for the filtering of the Airtable data by the slug (which worked perfectly).

https://example.com?filterByFormula={YOUR_COLUMN_NAME}="${system.params.YOUR_DYNAMIC_PATH}"


Now I wanted to do the same (creating a dynamic URL with the slug) and add it into Oleg's workaround code mentioned above (inside of an HTML embed in the success box of the webhook form).

It always says: "Unexpected token".

I guess it doesn't work the same way because the Airtable integration in the Variables panel is based on JSON and the embed on HTML?
I tried every method that came to mind (and from ChatGPT)… still doesn't work.

Does anyone has an idea? Any solution is much appreciated since this is a core part of my next project I am working on right now.
22 comments
J
H
O
I might be over-thinking how to make changes to styles. 😉

If I have an H6 Heading used across my site which is 24px and I wanted to change it so it was 32px Can I just select the H6 Heading in Style Sources - change its Size to 32 and.....that's it?

Seems to work but I wondered if this was the correct process for making changes to styles across all pages in my site.

Thanks
11 comments
J
s
Hello all, VERY basic question, getting the standard warning re: no certificate on Chrome. Site is deplyed via Coolify to DigitalOcean, any recommendations on how to fix?
4 comments
O
R
J
Has anyone found a good way to handle container queries in WebStudio?
4 comments
B
K
Hi, is there an official way to add external libraries or dependencies with npm/npx packages?
6 comments
O
J
I would like to use the "count" of a resource and divide that number. Let's say there are 1.000 items in a resource to divide by 100 to show a list of 10 items.
How would I get a collection to show these 10 items?
11 comments
B
R
O
Is there an easy way to migrate from Webflow to Webstudio? I know you can simply copy and paste design elements from Webflow. But, I've once tried that process and the design is not the same as my design in Webflow. So, is there any other way? And, also how to migrate the CMS data easily? Is there a way as well?
1 comment
O
Hi. It is possible reset state form, after sending to initial?
7 comments
M
s
J
O
Hi , I'm trying to use ani motion on my webstudio website i follow exactly the youtube video but nothings happen it is now working what im missing ? im using craft template from webstudio of SAAS landing page , i added the animotion at the top and used data-ani fade , progress nothings works #help
6 comments
O
S
J
Hey everyone! I have a problem with a grid I'm trying to create - as you can see it has 3 columns but I'd love them to start at the same point, rather than be centered based on the longest one. This is using the grid layout from Craft (so it turns from grid to flex at 767), but I can't see how to "top align" (probably not the right word, but hopefully you get what I mean) all the individual boxes. Any help would be super welcome! Thank you so much!
6 comments
B
E
Hello everyone,
i'm facing a problem on showing the correct favicon on serp, it shows the webstudio serp despite i change the favicon.

I'm hosting the website on vercel.
4 comments
B
M
R
Webstudio is so much easier than Webflow that Figma may be less necessary. In that case you are sort of a competitor to Figma for web design. I think most Webflow professionals design in Figma. With that in mind, we would love for you to integrate more of Figma's controls, like:

ctrl + alt + g to wrap in box
ctrl + shift + g to unwrap
arrow keys to move objects within parents
alt + drag to duplicate
ctrl + alt + c to copy properties
ctrl + alt + v to paste properties

Thanks for hearing me out 🤙
1 comment
O
Hi there,

I'm trying to create a sticky button that hides when another CTA is present on the screen.

I'm using some javascript for it and it works fine when i run it on the Webstudio canvas. But when I publish it, it doesn't work on the browser. Any idea why this happens? Is there a better approach for this?
3 comments
J
O
U
I am watching @John Siciliano and i have been able to build all the way to the point where I linked all the blog posts on the Blog Overview page to the actual blog article. The issue I am having is when I click the link it does not take me to the article, eventhoogh I see the slug change in the Href bar when I click. Any clue as to what I am doing wrong would be appreciated. Ican share link of the project if needed.
5 comments
J
R
I would rather a client not have access to the clone option. I have just given them editor access.
Share setup: Client view:
4 comments
O
J
S
Hi guys, can I know how to make the page not jump to top after I click submit button?

I have made a form using Radio and it doesn't do that after I click submit.

Form with Select:
https://tests-evpe0.wstd.io/select

Form with Radio:
https://tests-evpe0.wstd.io

Any help is really appreciated 🙏
3 comments
O
Q
Hi all! I have Squarespace as my domain provider via Google Domains and have the workspace. I’m unable to add an @ CNAME record as it’s being used up by my Google workspace info I’m unable to edit as I was able to in the past.

Squarespace is saying I need an ALIAS record instead not a CNAME. Wanted to validate with this group. What is the right workaround for adding a domain if the CNAME @ is unavailable?
How can I store a value retrieved from Resource as a variable?
24 comments
B
m
J
O