Spectra Tutorial: The Basics In 22 Minutes

Today, let's go through the basics of Spectra, the WordPress visual website builder 👉 wpspectra.com
When getting started, it can be overwhelming to approach how to build professional websites with WordPress, given the many options available.
So today, we will discuss the basics of WordPress website building (back then and now), why you should use Spectra, and how to get started using it.
#wpspectra #wordpress #brainstormforce
Products mentioned in the video:
🟣 Spectra: wpspectra.com
🟣 Astra: wpastra.com
Tutorials
🟣 Spectra Flexbox CRASH COURSE : • Spectra Flexbox Contro...
🟣 Build Websites Faster With Starter Templates 3.0 - • Build Websites Faster ...
🟣 Astra Theme Full Tutorial MASTERCLASS - • Astra Theme Full Tutor...
🟣 Astra FREE vs PRO - What's The Difference?: • Astra Free vs Pro - WH...
-------------------------------------------------------------------
📽📌 Table of Content 📌📽
00:00 - Getting Started With WordPress And Spectra
00:42 - What We'll Cover In This Video
01:06 - Building Websites With WordPress
04:50 - Why Was Spectra Created?
09:37 - Getting Started With Spectra
09:42 - Importing And Editing Content
15:36 - Creating A Simple Hero Section
19:01 - Adapting For Tablet / Mobile
-----------------------------------------------------------------
🤔 Just starting to create a website?
Refer to this ultimate guide: wpastra.com/guides-and-tutori...
🤔 How to use the Astra Theme (Step by Step)
Refer to this ultimate tutorial: • Astra Theme Full Tutor...
-------------------------------------------------------------------
📌 About Us 📌
At Brainstorm Force, we believe creating a website should not be complicated.
We build quality WordPress products and tools that are simple to use, affordable, and reliable to help entrepreneurs, professionals, and bloggers grow online.
Brainstorm Force is the team behind popular WordPress products like:
🟣 Most Popular WordPress Theme Astra: wpastra.com/
🟣 Starter Templates with 300+ pre-designed website templates: startertemplates.com/
🟣 Spectra to power your WordPress block editor: wpspectra.com/
🟣 Ultimate Addons for Elementor: ultimateelementor.com/
🟣 Ultimate Addons for Beaver Builder: www.ultimatebeaver.com/
🟣 Schema Pro to add schema markup to your website: wpschema.com/
🟣 Convert Pro to generate more leads: www.convertpro.net/
🟣 WP Portfolio to design your beautiful portfolio: wpportfolio.net/
🟣 ProjectHuddle to get sticky-note style feedback on your websites and designs: projecthuddle.com/
-------------------------------------------------------------------
📝 Are you a WordPress enthusiast who wants to contribute to our team? 📝
We are hiring across multiple positions: brainstormforce.com/join/
-------------------------------------------------------------------
🚨 Follow Us To Stay Updated 🚨
Facebook Community: / wpastra
Facebook Page: / brainstormforce
Twitter: / webrainstorm
LinkedIn: / brainstorm-force
KZread: / brainstormforce

Пікірлер: 99

  • @spry-hypnotherapy
    @spry-hypnotherapyАй бұрын

    Kay is the best! I love his tutorials because he explains everything thoroughly, thank you for that!

  • @BrainstormForce

    @BrainstormForce

    Ай бұрын

    Wow, thank you for your comment!

  • @hakanyenergil1899
    @hakanyenergil18999 ай бұрын

    The video was really useful for a non-coder like me. I am glad I joined the Astra Family. Thanks again

  • @BrainstormForce

    @BrainstormForce

    9 ай бұрын

    Welcome to the family! We are glad to have you!

  • @neilsmith9220
    @neilsmith9220 Жыл бұрын

    A great video, thank you very much. Spectra is a really great and very powerful tool that I'm looking forward to using a lot more in future.

  • @BrainstormForce

    @BrainstormForce

    Жыл бұрын

    Very welcome! And thank you for your comment :)

  • @neilsmith9220

    @neilsmith9220

    Жыл бұрын

    @@BrainstormForce, my pleasure. Thank you for the excellent help and advice.

  • @frankokun2231
    @frankokun2231 Жыл бұрын

    I'll give it a try. On some other popular builders, the mobile layout ends up affecting the desktop layout, so this looks better and easier.

  • @BrainstormForce

    @BrainstormForce

    Жыл бұрын

    Thanks for your comment. Yes, give it a try :)

  • @op.dr.oygaraytekin
    @op.dr.oygaraytekin2 ай бұрын

    Great. Excellent. Phenomenal. Superb. Magnificent.

  • @BrainstormForce

    @BrainstormForce

    Ай бұрын

    Thank you so much 😀

  • @collinsokafor2656
    @collinsokafor26568 ай бұрын

    Thanks for the tutorial. I am working on creating a web site for an ecommerce brand. I am already overwhelmed with all the features because I am not used to web designing but I am beginning to get use to the grace that WordPress brings with spectra.

  • @BrainstormForce

    @BrainstormForce

    8 ай бұрын

    You're welcome! It's normal to be overwhelmed at the beginning. But hang in there. You will get better at it by the day :)

  • @collinsokafor2656

    @collinsokafor2656

    6 ай бұрын

    Thanks @@BrainstormForce

  • @AlastairDodwell
    @AlastairDodwell Жыл бұрын

    Interesting - This looks like a direct competitor to the Elementator products. Congratulations as it looks comprehensive.

  • @BrainstormForce

    @BrainstormForce

    Жыл бұрын

    Thank you very much!

  • @thebrewsterblock
    @thebrewsterblock8 ай бұрын

    Another impressive lesson. Do you have them on Headers, Footers, and the blog component? I am creating more of a blog with dynamic content and many categories.

  • @amitoujpannu829
    @amitoujpannu8296 ай бұрын

    You explain very nicely and it's easy to understand. Now that I know how to insert templates, I want to learn to use the kit. Is it like inserting templates?

  • @visualmodo
    @visualmodo Жыл бұрын

    Vey good content!!!

  • @BrainstormForce

    @BrainstormForce

    Жыл бұрын

    Thank you so much!

  • @importadoravyr
    @importadoravyr2 ай бұрын

    Thanks!

  • @BrainstormForce

    @BrainstormForce

    Ай бұрын

    You're welcome!

  • @larryaustin4871
    @larryaustin487111 ай бұрын

    Awesome video. However, my website isn't displaying but showing this error when I click on preview error, "Uncaught Error: Call to undefined function astra_html_before()"...how can I fix it pls?

  • @mountpamplemoussesccu
    @mountpamplemoussesccu7 ай бұрын

    My site is working well with the Astra theme. Does changing to Spectra could break it?

  • @srenbanghansen8746
    @srenbanghansen8746 Жыл бұрын

    For a magazine style site, would you use Spectra One or Astra with the Spectra builder? Also, for the front page I was planning to use the PostX plug-in which is also Gutenberg-based (lifetime deal on Appsumo right now). Is this a good solution - or does Spectra have similar features so I wouldn’t even need PostX?

  • @BrainstormForce

    @BrainstormForce

    Жыл бұрын

    Both could work well, but at this point Spectra One is still new so if you need more options right now, Astra would be a good choice :)

  • @ddluvsbooks
    @ddluvsbooks Жыл бұрын

    When can we expext the dynamic content option to be available? I love using Spectra but for now I also have to use Generate blocks to create templates for my custom post type template.

  • @BrainstormForce

    @BrainstormForce

    11 ай бұрын

    Hello, It's already available in Spectra Pro :)

  • @cmendoza-cs
    @cmendoza-cs10 ай бұрын

    Hi, I'm wondering why i don't have a "Presets" under General when I select my "Call to action" block? I only see Layout, Button and Additional Button.

  • @ozrah1
    @ozrah17 ай бұрын

    thanks

  • @BrainstormForce

    @BrainstormForce

    7 ай бұрын

    You're welcome!

  • @jozefdubovec200
    @jozefdubovec200Ай бұрын

    It looks great, no doubt, but as I understand you can build "static" pages, cool one, cool way... But, when I need, for example on "landing/home" section: News... From template I expect, I set the formating, theme, for example that last 3 topics should be shown... And, have, for example "form" for specific user, where he create new "News", upload pics, write description... and save this new "post"... And, because of "template" on home page last 3 posts are shown, don't need to again edit the main/home page, add "News", remove old ones.... It's "just appear, based of defined formating...

  • @BrainstormForce

    @BrainstormForce

    Ай бұрын

    Thank you for your feedback. This video was more focused on Spectra specifics, but as Spectra is constantly evolving you may want to watch the video that will be published later today, as that should answer some questions. Another tutorial that could help is this one (although for a restaurant website, it works for any industry): kzread.info/dash/bejne/kaGFy6uFeKaemqw.html For the full blown process, the good news is we have started recording a Spectra course, that will be completely FREE and step by step :)

  • @crazyworld7485
    @crazyworld748510 ай бұрын

    How to import template kit full template with header & footer please help how to

  • @ajoco99
    @ajoco999 ай бұрын

    Do Spectra has some reseller on Brazil ?

  • @No-One01234
    @No-One01234 Жыл бұрын

    Ca I do headers, footers, transparent headers, sticky headers, etc on Spectra free?

  • @carsoriez23
    @carsoriez2310 ай бұрын

    Can we assign a specific footer or header only appears on specific pages? Example on cart and checkout page.

  • @galapiat

    @galapiat

    3 ай бұрын

    You can if you use the Spectra One Theme, also from Brainstorm Force

  • @postnatalmotcoach1006
    @postnatalmotcoach1006 Жыл бұрын

    can spectra be used for property management sites with multiple users logging in or would this be better done with a PHP build

  • @BrainstormForce

    @BrainstormForce

    Жыл бұрын

    Spectra is built on top of the WordPress Core Editor, so technically you could build a property management website. Spectra Pro and the Dynamic Data extension may suit your need and you would also need something like ACF or similar.

  • @user-qw7pk8ws7v
    @user-qw7pk8ws7v9 ай бұрын

    Does Spectra function with Elementor?

  • @parmasampa1
    @parmasampa13 ай бұрын

    I would like to purchase Spectra Blocks, I would like to know if there is any discount coupon for Brazilian users, after all the conversion is very high for us here in Brazil to purchase Spectra Blocks, compared to Elementor Pro.

  • @Bakefree_Baking_Tutorials
    @Bakefree_Baking_Tutorials10 ай бұрын

    Where is the header of the page you made with Spectra?

  • @luke-sps
    @luke-sps Жыл бұрын

    Wow that looks really great, I will directly rebuild my main page with Spectra and test the performance. Which font do you use (starting 15:36 min - Creating A Simple Hero Section)? 😳Looks fantastic!

  • @BrainstormForce

    @BrainstormForce

    Жыл бұрын

    Thank you for your comment! The font is Poppins :)

  • @customperforma6800
    @customperforma6800 Жыл бұрын

    Hey I am new to everything. I want to build a WP website with the spectra theme, but have a vertical header I searched everywhere but not much support. Pls give me support. Thank you

  • @publipopagenciademarketing2187
    @publipopagenciademarketing218710 ай бұрын

    how can I save a Sptecta blog post template for use it in future posts of the blog?

  • @BrainstormForce

    @BrainstormForce

    10 ай бұрын

    If you are using Astra / Astra Pro, you could do that as seen in this tutorial: kzread.info/dash/bejne/l5lpp8aTYcvYfaw.htmlfeature=shared&t=2366 If you are using the Spectra One theme, you could do it as explained in this video: kzread.info/dash/bejne/o4yckqyqldLApMY.htmlfeature=shared&t=181

  • @raserafim
    @raserafim2 ай бұрын

    Does Spectra have infinite scroll feature? Or are you planning to add this feature?

  • @amirfiroozi7780
    @amirfiroozi778011 ай бұрын

    I used to work with Elementor, but I think Spectra much lighter and faster, I have recently started to work with it. My question is Does the Spectra have the header and footer builder, like Elementor?

  • @BrainstormForce

    @BrainstormForce

    11 ай бұрын

    Not a dedicated header and footer builder but you can use a theme like Astra to build a perfectly compatible header and footer.

  • @Mrieder79215

    @Mrieder79215

    10 ай бұрын

    I've been fighting with spectra for hours trying to get my header right. The system is unwieldy, unintuitive, and the help videos spend half the playtime talking about how great spectra is without actually telling you how to use it. It's a frustrating product and I absolutely do not recommend it.

  • @capefox8321
    @capefox83216 күн бұрын

    If we're currently using the Elementor pagebuilder, does Spectra have the option to import design settings from Elementor?

  • @BrainstormForce

    @BrainstormForce

    5 күн бұрын

    Sorry this is currently not possible.

  • @mizta_pita
    @mizta_pita9 ай бұрын

    When i edited the mobile view, it affected the tab and desktop view. I was asked to switch on responsive mode in the settings of the plugin but i didn't see any setting like that. What do i do?

  • @mollyards

    @mollyards

    4 ай бұрын

    same here, when i edit the mobile view, it changed all the other view also. and i am not even installed spectra. it automatically installed and doesn't let me work with elementor. really struggling

  • @user-lb4th7wu5m
    @user-lb4th7wu5m11 ай бұрын

    @10:26 you have the "eye" icon to hide the title. Fresh install here and there is no "eye" icon from what I can see. I'm using Firefox build 116.0.2 on Windows 10 64bit. Any idea why this icon is absent?

  • @user-lb4th7wu5m

    @user-lb4th7wu5m

    11 ай бұрын

    I've submitted a support ticket but a response would be super too :-)

  • @hclyrics

    @hclyrics

    10 ай бұрын

    This is actually theme-specific (Astra in this case), not part of the Spectra plugin itself.

  • @JovanMena
    @JovanMena10 ай бұрын

    Sounds promising, with compatibility with Gravity Forms, MemberPress, The Events Calendar, and other popular plugins. Is it compatible with Rank Math and Croco Blocks?

  • @agitoconcepts9422
    @agitoconcepts9422 Жыл бұрын

    Would to build a website show casing product catalogues but not an e commerce no online purchases

  • @BrainstormForce

    @BrainstormForce

    Жыл бұрын

    Watch the channel in the coming weeks for a tutorial that way mell serve that use case :)

  • @syedamirhamzah53
    @syedamirhamzah5311 ай бұрын

    Can i use spectra with elementor to design a page

  • @BrainstormForce

    @BrainstormForce

    11 ай бұрын

    Spectra and Elementor can be installed and stay together on a website but they work separately. Elementor works on its own page builder while Spectra works on default WordPress editor.

  • @jpanduezadlf
    @jpanduezadlf2 ай бұрын

    How can I get the old view of Spectra? Because all of these tutorials are obsolete for the user today... It's all in different places.

  • @ristotakala
    @ristotakala10 ай бұрын

    How do I make more pages with Spectra? If I add a new page, that will be completely blank. I expected it to use the theme as a base for all pages. How does that work? Squarespace was so much simpler than this...

  • @BrainstormForce

    @BrainstormForce

    10 ай бұрын

    If you don't want to start from scratch, there are 2 options: - use a starter template that comes with all pages pre-built - use templates on a page per page basis If you want to use Starter Templates, check this out: kzread.info/dash/bejne/hnaOxpuonMzNc9o.htmlfeature=shared&t=153

  • @TasosGoti
    @TasosGoti5 ай бұрын

    is it free to use every feature of spectra?

  • @BrainstormForce

    @BrainstormForce

    5 ай бұрын

    Spectra is free, comes with a ton of value and you can definitely build a full websites with it (tip: combine it with Starter Templates). If you need more features like dynamic content for example Spectra Pro is a premium product.

  • @zorozoroman6427
    @zorozoroman6427 Жыл бұрын

    we all want something like elementor that works on wordpress editor (gutenberg) so we will have more stability and speed , no body has not done it yet not even spectra

  • @paulmeesters
    @paulmeestersАй бұрын

    @10:30 A button called "Template Kits" is pressed. I do not have such a button 😪

  • @BrainstormForce

    @BrainstormForce

    Ай бұрын

    hello Paul, you should now see "Design Library", then go to the "Kits" tab

  • @CorryGreen-ge9ic
    @CorryGreen-ge9ic17 күн бұрын

    I don't see the template kit populate in my site

  • @BrainstormForce

    @BrainstormForce

    16 күн бұрын

    Thank you for your message. Since that video, we have enhanced this feature with the design library. Please check this video for more info: kzread.info/dash/bejne/qpuTmdtmj6exibw.html

  • @zorozoroman6427
    @zorozoroman6427 Жыл бұрын

    ok i get it, its really good but can i create single woocomerce product page? or archive? can i create any custom content page ? can i create custom product loop for woocomerce archive? i dont think so..... make it better than elementor then i will be a reall fan

  • @frits1463
    @frits14638 ай бұрын

    I'm going to try to replace Elementor with Spectra..

  • @BrainstormForce

    @BrainstormForce

    8 ай бұрын

    Thanks for watching! And enjoy playing with Spectra :)

  • @StefanosStavropoulos
    @StefanosStavropoulos11 ай бұрын

    How do I hide the title of a page?

  • @BrainstormForce

    @BrainstormForce

    11 ай бұрын

    Please follow this documentation here: wpastra.com/docs/disable-title-on-post-type/#method-1--page-post-title

  • @keoryinstagib
    @keoryinstagib Жыл бұрын

    Nice video, but I've found Spectra to be a super slow and buggy web builder that makes building websites so frustrating. I've been through forums and just find more people complaining about issues and slowness. When you're trying to increase productivity with these tools, the last thing you want is to be slowed down by having to redo simple things and having to wait for the tool to catch up with you on each operation. So, it's a bit immature and still a work in progress in my experience.

  • @yoyoma17

    @yoyoma17

    Жыл бұрын

    Yeah, no way I'm moving from Beaver Builder to this, looks like its years behind. No idea why they created this when they already had good integration with Beaver.

  • @BrainstormForce

    @BrainstormForce

    Жыл бұрын

    Thank you for your feedback. We will pass it on to our dev team. Our teams are working hard to keep on improving Spectra so your feedback is really important.

  • @jozefdubovec200
    @jozefdubovec200Ай бұрын

    So, it's very cool, but static web page builder, as I understand... Also, even presentation is perfect, I don't find, or understund how to really start... yes, I sow many features... But I really don't find something like: start create your page, create new page, edit the content... activate... and woila, you can see your created page...

  • @BrainstormForce

    @BrainstormForce

    Ай бұрын

    Thank you for your feedback. This video was more focused on Spectra specifics, but as Spectra is constantly evolving you may want to watch the video that will be published later today, as that should answer some questions. Another tutorial that could help is this one (although for a restaurant website, it works for any industry): kzread.info/dash/bejne/kaGFy6uFeKaemqw.html For the full blown process, the good news is we have started recording a Spectra course, that will be completely FREE and step by step :)

  • @mollyards
    @mollyards4 ай бұрын

    why spectra auto install with the template? We don't have options to not to work with. Please don't do like that. Its not even work properly.

  • @Angeliccooke
    @Angeliccooke9 ай бұрын

    Nope im totally lost, what im seeing your examples is not the same as what im seeing. Two days im no futher on thatn when I turned wordpress on. I had no idea it was so difficult to build a simple site.

  • @BrainstormForce

    @BrainstormForce

    9 ай бұрын

    Sorry to hear that. The various components of WordPress (core, plugins, themes) are constantly updated so depending on when you watch the video it may look different. What do you struggle most with when it comes to building a simple site? By the way we have new tutorials coming soon for simple websites.

  • @actorenEU
    @actorenEU4 ай бұрын

    Annoying music. But luckily you can subtitles and switch the sound off.

  • @BrainstormForce

    @BrainstormForce

    4 ай бұрын

    Thank you for your feedback.

  • @geekdude5074
    @geekdude5074 Жыл бұрын

    PLEASE turn off the MUSIC. I watch your videos to LEARN not to listen to music. Further if i want music I will turn on Spotify and listen to my own favs.

  • @BrainstormForce

    @BrainstormForce

    Жыл бұрын

    Thank you for your feedback.

  • @inlandbott

    @inlandbott

    Жыл бұрын

    Exactly! I hate this current KZread trend with background music. Especially in training videos. Also, I don’t need to see the trainers head in the corner either!

  • @Line49Design

    @Line49Design

    Жыл бұрын

    ​@@BrainstormForce Ignore these grouches. Your soundtrack is not that distracting and there is way worse out there. They're shaking their fist at everybody's cloud, not yours.

  • @Floki3030

    @Floki3030

    11 ай бұрын

    Yeah everyone has an opinion. First off i dont wanna be messing around with spotify or a radio while watching tutorials. But i also dont wanna see a video with no background noise at all thats just boring and makes for a bad video. This is a youtube problem, youtube should have the option of muting the soundtrack as music is usally a seperate audio track anyway and im sure it could detect that. As for the other guy… no, having the guy pop in and out of the video as scenes or down in the corner is a good thing. Again just a newb level content creator or a work safety video would be the youtube tutorial with only voice and screen capture, that would make for the most boring video and the creator here definitely knows how to make an engaging tutorial video. Thanks man.

  • @mikerollin4073

    @mikerollin4073

    11 ай бұрын

    KZread comment section: where bitches be bitchin'