- 127
- 478 448
360Creators
Netherlands
Приєднався 15 вер 2015
3DVista Trainer • 360 Skin CMS • Simple Notes in 360 • Killing SaaS dependencies • Self Host it whenever possible
I have a passion for teaching online. First learning something that might be quite complicated, then being able to replicate the steps and find a way to come up with an easy to follow tutorial. Sharing knowledge is something I find very exciting. It's all about getting to that aha-moment. It's this small moment where all the various pieces come together and you get this exciting moment of having a puzzle completed.
Over time I've found out that there's a lot of SaaS (Software as a Service, aka online tools with subscriptions), that can be replaced with an open source alternative. Providing lots of benefits. Self Hosting open source software has been quite complicated and something only for developers. But since I've discovered Coolify, there's the potential to self host software for a larger audience.
I have a passion for teaching online. First learning something that might be quite complicated, then being able to replicate the steps and find a way to come up with an easy to follow tutorial. Sharing knowledge is something I find very exciting. It's all about getting to that aha-moment. It's this small moment where all the various pieces come together and you get this exciting moment of having a puzzle completed.
Over time I've found out that there's a lot of SaaS (Software as a Service, aka online tools with subscriptions), that can be replaced with an open source alternative. Providing lots of benefits. Self Hosting open source software has been quite complicated and something only for developers. But since I've discovered Coolify, there's the potential to self host software for a larger audience.
Programmatic SEO for 3DVista Virtual Tours using Webstudio with Baserow
Create a dynamic page for every panorama, hotspot or even 360Video from your 360 Virtual Tour. We'll be using 3DVista, but the same principles can be applied to any other virtual tour software that supports deeplinks or url-parameters such as Matterport, krpano or Marzipano.
🔗 Links to the software used in this video
#Webstudio (open-source): 360creators.com/webstudio
#Baserow (open-source): 360creators.com/baserow
#3DVista VT Pro: 360creators.com/3dvista
@getwebstudio @baserow @3dvista
Some of the links are affiliated that support this channel to keep sharing knowledge, thank you for using these!! 😎 😁
👨💼 360Creators Services
In case you need assistance setting this programmatic SEO up for your projects, reach out through our contact form:
360creators.com/contact.
🔸How much attention do your virtual tours receive?
As virtual tour creators, we're putting in a lot of our time and energy into creating beautiful and sometimes incredibly large 360 Virtual Tours. We then provide it to our client, it receives some attention on social media. Maybe it gets shared through a newsletter. For some reason not so many clients place their virtual tour prominently on their homepage, but maybe your clients do. After a few weeks time after delivery, there's not that much going on with most virtual tours anymore.
For some reason typically 80% of visitors only watch the first one, two or three panoramas and then leave.
Imagine creating virtual city tours with 100+ panoramas and the only thing that 80% of visitors might see are the first three panoramas...
I barely find any 360 Virtual Tours when I search for things on the internet. Using Brave Search, Google Search or any other search engine. That's because a lot of virtual tours, in this case 3DVista tours, have very little SEO information.
🔹Let's do something about that with programmatic SEO
That's about to change in this tutorial. Although I might consider myself a beginner at SEO, I think it makes sense. It's better than what most people have at this point. If you do have the experience in SEO, please let us know in the comments if you have any additional suggestions.
For this tutorial the programmatic SEO that we're going to create is based on panorama names. Although we could do the same based on hotspots, creating many more pages, this tutorial will be focussed on panoramas only.
🕒 Timestamps
0:00 Problem: Virtual Tours poorly indexed by search engines
0:20 Solution: Dynamic page with Meta titles and Meta descriptions for each panorama
1:33 What we need: front end (Webstudio) & back end (Baserow)
3:31 Creating static homepage in Webstudio
5:40 Setting meta title and meta description for static homepage
6:39 Creating dynamic panorama page in Webstudio
7:51 Baserow: Panorama Name
9:09 Baserow: Deeplink
12:09 Baserow: Social Sharing Image (optional)
13:32 Baserow: Slug formula
14:09 Baserow: Slug custom input (optional)
15:46 Connect Baserow with Webstudio: Baserow token
16:46 Connect Baserow with Webstudio: Resource on dynamic page
19:40 Webstudio binding: Dynamic iFrame
22:12 Webstudio binding: H1 title (optional)
23:46 Webstudio: SEO Meta Titles
26:42 Webstudio: SEO Meta Description
27:57 Webstudio: Social Sharing Image
30:00 Result of dynamic page
30:34 Webstudio: sitemap
37:48 Publish to custom (sub)domain
38:03 Webstudio pricing
39:58 Baserow pricing
41:15 It's only the beginning
🔗 Links to the software used in this video
#Webstudio (open-source): 360creators.com/webstudio
#Baserow (open-source): 360creators.com/baserow
#3DVista VT Pro: 360creators.com/3dvista
@getwebstudio @baserow @3dvista
Some of the links are affiliated that support this channel to keep sharing knowledge, thank you for using these!! 😎 😁
👨💼 360Creators Services
In case you need assistance setting this programmatic SEO up for your projects, reach out through our contact form:
360creators.com/contact.
🔸How much attention do your virtual tours receive?
As virtual tour creators, we're putting in a lot of our time and energy into creating beautiful and sometimes incredibly large 360 Virtual Tours. We then provide it to our client, it receives some attention on social media. Maybe it gets shared through a newsletter. For some reason not so many clients place their virtual tour prominently on their homepage, but maybe your clients do. After a few weeks time after delivery, there's not that much going on with most virtual tours anymore.
For some reason typically 80% of visitors only watch the first one, two or three panoramas and then leave.
Imagine creating virtual city tours with 100+ panoramas and the only thing that 80% of visitors might see are the first three panoramas...
I barely find any 360 Virtual Tours when I search for things on the internet. Using Brave Search, Google Search or any other search engine. That's because a lot of virtual tours, in this case 3DVista tours, have very little SEO information.
🔹Let's do something about that with programmatic SEO
That's about to change in this tutorial. Although I might consider myself a beginner at SEO, I think it makes sense. It's better than what most people have at this point. If you do have the experience in SEO, please let us know in the comments if you have any additional suggestions.
For this tutorial the programmatic SEO that we're going to create is based on panorama names. Although we could do the same based on hotspots, creating many more pages, this tutorial will be focussed on panoramas only.
🕒 Timestamps
0:00 Problem: Virtual Tours poorly indexed by search engines
0:20 Solution: Dynamic page with Meta titles and Meta descriptions for each panorama
1:33 What we need: front end (Webstudio) & back end (Baserow)
3:31 Creating static homepage in Webstudio
5:40 Setting meta title and meta description for static homepage
6:39 Creating dynamic panorama page in Webstudio
7:51 Baserow: Panorama Name
9:09 Baserow: Deeplink
12:09 Baserow: Social Sharing Image (optional)
13:32 Baserow: Slug formula
14:09 Baserow: Slug custom input (optional)
15:46 Connect Baserow with Webstudio: Baserow token
16:46 Connect Baserow with Webstudio: Resource on dynamic page
19:40 Webstudio binding: Dynamic iFrame
22:12 Webstudio binding: H1 title (optional)
23:46 Webstudio: SEO Meta Titles
26:42 Webstudio: SEO Meta Description
27:57 Webstudio: Social Sharing Image
30:00 Result of dynamic page
30:34 Webstudio: sitemap
37:48 Publish to custom (sub)domain
38:03 Webstudio pricing
39:58 Baserow pricing
41:15 It's only the beginning
Переглядів: 485
Відео
Rollover and rollout hover effects in 3DVista
Переглядів 565Місяць тому
Buy 3DVista and support my work using this link: 360creators.com/buy3dvista Learn how to do rollover and rollout effects in 3DVista effectefly with the right types of tags to it so you an do it on a larger scale. Hover icons with affinity photo file to edit available here for €2.50. 360creators.lemonsqueezy.com/buy/2a136195-6de6-4f0d-9ad1-888e57a88262 #3dvista
Ikea style hotspot rollover effect in 3DVista
Переглядів 607Місяць тому
Let's see what we can do to get as close as possible to an ikea-style hotspot rollover. Best case scenario would be to have this directly as a dynamic hotspot in 3DVista itself, but that's still a little hard to reach. So we're going to simplify this doing this in the skin instead. Sample from Ikea: www.ikea.com/nl/en/p/aepplaryd-4-seat-sofa-with-chaise-longue-lejde-grey-black-s99429535/#compac...
Embed any ecommerce store in your 3dvista virtual tour 🛒 🛍️
Переглядів 406Місяць тому
Can't embed? Refused to connect? No problem, let's find that workaround you've been waiting for.
skincms in 46 seconds • now available for €24,90
Переглядів 259Місяць тому
We've created a lot of improvement on Skin CMS and now we're ready to launch smaller mappings. Before we only offered mappings at €69 per 100 records. Now we also offer mappings at €24,90 per 25 records. skincms.com/start-today A lot has happened in the last couple of months, let us give you some highlights! 🔸 Easy Triggers 🔸 Dynamic Hotspots 🔸 Custom Javascript functions 🔸 skincms.com 🔸 New do...
Simple Left Side Menu skin template €24.99
Переглядів 298Місяць тому
Skin template for both Mobile & Desktop. Purchase link: www.360creators.com/simple-left-side-menu
Buttons are more flexible than Icon Buttons in 3DVista
Переглядів 3802 місяці тому
Book a 3DVista training hour with me: 360creators.com/training Learn a few things about why icon buttons are not such a great choice to deal with. And why I always choose buttons instead. Having the flexibility to change background colors within 3DVista itself, turning buttons into circles, adding an outline to it and having the hover effects managed more easily.
3D in 3DVista: Hotspots • Objects • Views • Sequences • Lights
Переглядів 1,2 тис.2 місяці тому
Let's get into 3D models in 3DVista. Adding in objects, replacing the images, updating the GLTF file with new changes, creating new views and combining various views into an epic video sequence. Purchase TableTop: market.3dvista.com/product/tabletop-photography/?.com Purchase 3DVista with this referral link to get a €100 coupon to spend on 360Creators.com: www.3dvista.com/en/purchase/?c=0000027...
Simple Notes in 3DVista
Переглядів 4892 місяці тому
Simple Notes is available for only a one time fee of €89. Simple Notes allows your clients to add feedback inside your exported 3DVista virtual tours right on point. No matter if your tour has 10 or 1.000 panoramas, the note will keep track exactly where it was taken and on what time. Including the exact camera angle with zoom level. Requirements - 3DVista license - Airtable (can be with the fr...
WhatsApp locked me out for sending a message to the wrong phone number
Переглядів 1632 місяці тому
I sent a message to the wrong phone number, that person very likely marked me as spam. And now I just got locked out. No warning, no communication, nothing. Just right away a lock out. The only option I have is to send out a message from my side to WhatsApp and wait up to 24 hours for them to look into this. No access to chat history, photos or whatsoever. "This account can no longer use WhatsA...
Include HTML/JavaScript code snippets from 3rd parties such as Chatwoot into 3DVista
Переглядів 5302 місяці тому
Are you usually adding in the code snippets from 3rd parties into the index file after exporting the 3DVista project? Then you know how much of a struggle it is to keep doing that for each new export you make. In this tutorial you'll learn how to add it once, and just keep it working. Copy paste the Method #2 Default javascript code from here: 360creators.com/free-javascript-code-snippet 0:00 I...
🥳⚡️ Skin CMS • 1 Year celebration • New Features • New Website
Переглядів 2663 місяці тому
🥳⚡️ Skin CMS • 1 Year celebration • New Features • New Website
🩻 Xray Google Maps/Streetview/Earth - analysis of interface, UX, business model, privacy
Переглядів 3214 місяці тому
🩻 Xray Google Maps/Streetview/Earth - analysis of interface, UX, business model, privacy
Dynamic hotspots in 3DVista (free building template included)
Переглядів 1,4 тис.4 місяці тому
Dynamic hotspots in 3DVista (free building template included)
Adobe policy change is an invitation shift your attention towards self hosted opensource solutions
Переглядів 7024 місяці тому
Adobe policy change is an invitation shift your attention towards self hosted opensource solutions
🏆 Show and tell: My massive Airtable & Webflow setup
Переглядів 2877 місяців тому
🏆 Show and tell: My massive Airtable & Webflow setup
Autoclicker in 3DVista using Keyboard Maestro
Переглядів 4557 місяців тому
Autoclicker in 3DVista using Keyboard Maestro
🏆 Show and tell: Skin CMS 360 Curaçao Airport Advertisement Spaces
Переглядів 4817 місяців тому
🏆 Show and tell: Skin CMS 360 Curaçao Airport Advertisement Spaces
Self Host penpot on your own server using Coolify
Переглядів 2,7 тис.7 місяців тому
Self Host penpot on your own server using Coolify
Self Host appsmith on your own server using Coolify
Переглядів 7547 місяців тому
Self Host appsmith on your own server using Coolify
Self Host Formbricks on your own server using Coolify
Переглядів 9417 місяців тому
Self Host Formbricks on your own server using Coolify
Self Host gitea on your own server using Coolify
Переглядів 4497 місяців тому
Self Host gitea on your own server using Coolify
Self Host pocketbase on your own server using Coolify
Переглядів 1,9 тис.7 місяців тому
Self Host pocketbase on your own server using Coolify
Self Host baserow on your own server using Coolify and docker-compose
Переглядів 1,4 тис.7 місяців тому
Self Host baserow on your own server using Coolify and docker-compose
Self Host supabase on your own server using coolify with protection
Переглядів 13 тис.7 місяців тому
Self Host supabase on your own server using coolify with protection
Self Host moodle e-learning LMS with coolify on your own server
Переглядів 9078 місяців тому
Self Host moodle e-learning LMS with coolify on your own server
Self Host n8n automations with coolify on your own server in 42 seconds
Переглядів 3,9 тис.8 місяців тому
Self Host n8n automations with coolify on your own server in 42 seconds
dear ronald, every single you tube from you is great - i learn soooo much about working with 3D Vista ! Thank you soooo much
You're absolutely welcome, thank you for your kind message!!
Thanks for this nice Tutorial. I was wondering if you were able to connect n8n to baserow via local network. I have "Connect To Predefined Network" enabled in Coolify, but got no luck.
brother i want to talk with you about 3dVista.. i just started professionally, so need some useful tips from you , if you are willing to answers then can we have whatsapp or other plate form where we can talk sometime?
Hey hey! I offer training sessions to help you with all of your questions. Feel free to book your first hour via 360creators.com/training
Thanks for this, was looking for how to setup a second server with coolify residing on a dedicated machine!
This is completely impossible to follow since I can't see the screen instructions or what you are clicking on. I was lost after 4 minutes
I'm not sure what is exactly so hard to follow around 3-4 minutes? I've been looking back at my own video. At 3:33 clicking the blue button to create a new project. At 3:37 hit enter to create a new project. At 3:58 I add a component.
@@360Creators When you populate code in the iFrame, mine doesn't do that I can't see how that is done. What would help is to cut in larger dialog boxes with what you are doing
Update: Baserow clarified their pricing for their cloud version when it comes to maximum API calls per month. Free plan: 1,000. Premium plan: 20,000. Advanced plan: 50,000. If starting out experimental, don't worry. If going for production, I'd recommend self hosting Baserow to gain unlimited API calls. Got a tutorial on that: ua-cam.com/video/9QqXHE6Hm_w/v-deo.html Also Webstudio is working on a feature to cache the api calls to reduce the total amount of API calls.
How can you do more than 10 api calls at once with baserow? For example if a site has 100 concurrent viewers on your webstudio site.
The site already has to be quite populair already to get 10 concurrent page loads. In that case you self hosted Baserow on your own server and then it only matters on your choosen hardware for the server. Tutorial how to do that with Hetzner: ua-cam.com/video/9QqXHE6Hm_w/v-deo.html
Is it possible to create multiple pocketbase instances with Coolify?
question for you. i introduced a "play/pause" button to enable/disable camera movement at will. the issue is, it pauses audio as well. how would you separate audio out of this so that it is not affected
2:10 bruh i was facing this on selfhosted coolify i almost thought coolify had bug till i came across ur video🤣
Yeahh that's a small detail, glad it helped!! 😁
Thank you, sir, for sharing this with us. Great idea and great vid. 🙂🙂👍👍
why is this better than using the official penpot webapp?
It depends on your situation whether it's better or worse. Having it self hosted, means all the data is on your own server, so on your own terms as well. You decide the upgrades, how to back it up and so on. With that comes extra responsibility as well. That's the question to ask yourself if that's worth it to you.
massively underrated video. Keep to good work
Thank you man!!
i did as you explained but doesnt Work
why did you pay for coolify cloud if youre self hosting it?!
There's good reasons to pay for coolify. One of them is to support the creator. Supporting the creator means that he can keep justifying time into making it grow bigger. Another one is with self hosting comes responsibility to secure it yourself as well.
Thank u man! I love uuu <3
thank you very much! If you're familiar with gitea runners, could you please make a tutorial on how to set it up?
Buy 3DVista and support my work using this link: 360creators.com/buy3dvista
Buy 3DVista and support my work using this link: 360creators.com/buy3dvista
Buy 3DVista and support my work using this link: 360creators.com/buy3dvista
Buy 3DVista and support my work using this link: 360creators.com/buy3dvista
Buy 3DVista and support my work using this link: 360creators.com/buy3dvista
Buy 3DVista and support my work using this link: 360creators.com/buy3dvista
Buy 3DVista and support my work using this link: 360creators.com/buy3dvista
Buy 3DVista and support my work using this link: 360creators.com/buy3dvista
Buy 3DVista and support my work using this link: 360creators.com/buy3dvista
Buy 3DVista and support my work using this link: 360creators.com/buy3dvista
Buy 3DVista and support my work using this link: 360creators.com/buy3dvista
Buy 3DVista and support my work using this link: 360creators.com/buy3dvista
Buy 3DVista and support my work using this link: 360creators.com/buy3dvista
Buy 3DVista and support my work using this link: 360creators.com/buy3dvista
Buy 3DVista and support my work using this link: 360creators.com/buy3dvista
Buy 3DVista and support my work using this link: 360creators.com/buy3dvista
Buy 3DVista and support my work using this link: 360creators.com/buy3dvista
Buy 3DVista and support my work using this link: 360creators.com/buy3dvista
Buy 3DVista and support my work using this link: 360creators.com/buy3dvista
Buy 3DVista and support my work using this link: 360creators.com/buy3dvista
Buy 3DVista and support my work using this link: 360creators.com/buy3dvista
Buy 3DVista and support my work using this link: 360creators.com/buy3dvista
Buy 3DVista and support my work using this link: 360creators.com/buy3dvista
Buy 3DVista and support my work using this link: 360creators.com/buy3dvista