Join the Webstudio community

Hello to everyone!
What is the best place to buy a domain so it's easy to use in Webstudio?
3 comments
O
F
Reading PRs and commits every day). @Bogdan is just a beast 🔥
using HTML Embed to add schema markup in page, while publishing the page it saying failed.
4 comments
O
B
r
Hello! I hadn't touched the webstudio builder in awhile for my site and needed to pull the github repo to update the SSL certs. While the SSL issue was fixed, I'm now getting a new error that I can't wrap my head around. I haven't had any issues self-hosting the builder up until now. Any help is appreciated! 🙂
2 comments
B
A
I'm not the most experienced, I managed to get it to work up until the last point, when I run pnpm dev as it says on the page, I get this error. I did manage to "fix" it by running echo "127.0.0.1 wstd.dev" | sudo tee -a /etc/hosts as suggested by AI, this allowed it to progress and show me the local & network links, but they didn't actually work, and localhost:5173 lead to a filesystem for the project.

I did follow all update prompts in the terminal.

I'm running
Operating System: Windows 11 (WSL Debian)
Docker version: 4.40.0
Dev containers version: 0.413.0
8 comments
M
V
Hi there! My name is Saif, I'm I'm attempting to create a projects-based volunteering organization to help improve the disability-standards at my educational institution.

Recently, as a push to try and get more help from other professionals that I know, I created an interactive digital pamphlet in Canva to try and help explain our situation in a simple and easy-to-understand format, as seen here:

https://wat-dahell.my.canva.site/able-alliance-revamp-interactive-pamphlet

That all being said, I've been looking at the site and seeing how it's literally just a series of different images connected to one another w/invisible buttons casted over pngs, I wanted to migrate it over to something actually designed to run a website. I only get one shot at convincing people to help us, and the more interactive/impressive it is, the better our chance of helping more disabled students in the long-run at our school.

I just spent the last 3 hours trying to re-create this canva site on Webstudio, but because I'm so new to the platform I couldn't even figure out how to center an image, let alone make it clickable. I've become a little bit spoiled w/drag-and-drop elements and designers like Figma and Canva, so I was lost on what to do even after consulting the AI, watching video tutorials, etc.

For context, I am very... very... VERY new to website building, with all of my prior experience being low-level blogs and other sites made in squarespace, wix and most recently Figma. I've coded before in the past, but I am... not the best with it.

I just wanted to ask here how difficult it would be to re-create this Canva site on Webstudio with my extremely limited experience. I don't have much time and have difficulty concentrating due to chronic pain, so doing the tutorials will take time that I don't have. To be clear, I want to learn how to use the site later on, but for my current purposes of making a quick and on-the-go type of product, is Webstudio the best way to go?
2 comments
y
I
Amaziiiinngg !!!
You do a incredible Job @Oleg Isonen I'm proud to use webstudio and I'm glad you got this spotlight!
Allo, how’s it going everyone? Just wondering how the html/tailwind paste is going?
4 comments
B
c
v
i'm imagining a feature in the editor that would make absolute positioning more fluid. setting a relative block and then being able to drag an absolute element to its position and values be calculated automatically. the idea would be to easily place "stickers" on the page. i would like to work on this feature for myself and would appreciate any direction on how to get started.
User Story: As a Webstudio user building large-scale websites with Craft, I find it annoying that when I change --foreground-primary, it also affects components I didn’t intend to modify (e.g my navbar and footer). This reveals that the system I built on global tokens isn’t as scalable as I thought. One change cascades unintentionally leading to manual work were I thought it wouldn't be needed.

Situation:
I am building a design system for a partner agency in Berlin right now. The directors have over 20 years of experience in brand design, so it's a great opportunity to build a design system that matches their expectations. I thought… let's give Webstudio a spin and build it the WS way (Craft, Open Props, Open Color, Custom CSS Variables). I would love to share my experiences with you – and if I can, help building design systems in Webstudio faster and easier.

The first thing that came up: the "foreground" variables will not work in professional brand style guidelines. There are way too few.

My idea to solve this problem is to split up the "foreground" colors into:
  • brand
  • text
  • border
Probably also other core components (but I will see while building)
  • button
  • navbar
  • footer
I also added a new color section "system" for success, warning, error.

Have a look
↗︎ Dev Page
↗︎ Read Link


Curious to hear your perspective,
@Webstudio Team, @Sam Gilbert, @Milan Boisgard | Uncode School and other pro devs and designers!
7 comments
H
y
Hi all! I’m finding some blog images from Hygraph CMS are 404 on the production site but are being reflected in staging. What could be the issue causing this? Should I just refer to the staging site?

Image 404 link: https://novee.tech/cgi/image/https%3A//us-west-2.graphassets.com/cm9i4kqxm008a01wegk8d7cde/cm9pvsrar92vb07n07wahnop6?width=3840&quality=80&format=auto

Same path and reflected: https://novee-staging.wstd.io/cgi/image/https%3A//us-west-2.graphassets.com/cm9i4kqxm008a01wegk8d7cde/cm9pvsrar92vb07n07wahnop6?width=3840&quality=80&format=auto
3 comments
O
A
I'm attempting to use a field in a Notion Database to define the Post ID from a BlueSky. Then Use BlueSky's API to pull in details or responses to that post to allow for people to reply to the BlueSky post and have it show as a comment on the blog. The problem I'm running into is that I can't add resource into the expression editor of another resource. Is there a work around for this?
Plain Text
"https://api.bsky.app/xrpc/app.bsky.feed.getPostThread?uri=at://did:plc:n6com3b6tkpq76vr5n7xqutu/app.bsky.feed.post/" + notionData.data.results[0].properties["BlueSky Post"]["rich_text"][0]["plain_text"]


I thought this would work but it yellow underlines notionData and says "notionData" is not defined in the scope. I've tried putting the Notion variable in the Global Root, Body and shifting the BlueSky variable at the same level and below.

I will note I'm not set on using Notion for this but it was quick and easy for me to set up with the blog that is currently using Zen Blog for the CMS (which doesn't support something like this, and even if it did, it would have the same problem).
2 comments
B
C
How would I make it so the webhook form submits on my google form?
How normal people use tags vs me:
1 comment
J
I have a header component, but need to change the styles of it (logo image and text color) because the background is transparent and when placed on a page that has a darker background image, I need the styles to be different for readability.
What's the best way to do this? Webflow has component variants. Is there a way to achieve something similar?
3 comments
O
B
D
Does anyone have experience using Cloudflare without changing nameservers to Cloudflare?

I've got a situation where client would like to keep its DNS records as they are with their current nameserver and just specifically use a subdomain with cloudflare rules.

As far as I could find out this stuff is only available for business and enterprise?
2 comments
O
R
Nice cryptominer guys! /j
11 comments
"
B
I just joined the Contra community! I’ve got 3 invites to share. Drop your profile if you want in!
5 comments
F
M
We specialise in building websites for small businesses — who often will have a blog. The platform we were using before Webstudio has a blogging engine built-in, so to use Webstudio we need a replacement. Requirements are simple:

  1. Must be very, very low cost. We cannot increase the cost of hosting, so whatever the cost of the blog is, we'll have to absorb it — and these are low-paying, small business customers.
  2. Must be extremely easy to use. Complex UI and myriad of features is not what these clients need: simple is better.
  3. Of course, must play nice with Webstudio.
We had a look at Zenblog, which sounds absolutely perfect, but $20/month is well above the budget. We are now looking at Blogmaker, as it's listed in the Headless CMS Finder page, but from their API docs it doesn't seem like we're able to do searches/queries.

What would you guys recommend?
9 comments
2
y
B
C
I
M
After a while in self-hosted, I cannot access the site because HSTS is in use.
What should I do?
How can I make it so the button is an overlay over the html embed? I don't want it to seperate like this.
1 comment
J
Just a casual ask, I've searched past posts but is there a guide on using turnstile by CloudFlare as a form / spam protection layer?
3 comments
B
R
Will there be something similar to Lightbox-style components for images — a photo gallery with that effect?
4 comments
O
S
D