How To Create A Landing Page in Squarespace: A Step By Step Tutorial for Beginners

Поделиться
HTML-код
  • Опубликовано: 14 янв 2025

Комментарии • 43

  • @TenaMooreDesigns
    @TenaMooreDesigns 9 месяцев назад +2

    Thanks - this is great! I've made landing pages, but never put the mock header and footer. Thanks!

    • @InsideTheSquare
      @InsideTheSquare  9 месяцев назад

      You're welcome - it made such a big difference for my conversion rate, I couldn't keep it a secret! 🙌

  • @cara-mariefindlay8459
    @cara-mariefindlay8459 10 дней назад

    This was so helpful! Created my very first landing page watching this step-by-step. Straight to the point. No fluff. And HELPFUL! Thank you. I subscribed because I know this will help us optimize our site until our budget allows us to invest in a designer. Grateful!

    • @InsideTheSquare
      @InsideTheSquare  9 дней назад

      I'm so glad to hear it was helpful! I'm honored to be a trusted resource to help grow your site & your business 🥰

  • @FredRodrigues
    @FredRodrigues 2 месяца назад

    Thank you for making it so simple to follow 🙌

    • @InsideTheSquare
      @InsideTheSquare  2 месяца назад

      You’re welcome! I’m happy to help. 😊

  • @robiwon.
    @robiwon. 2 месяца назад

    Amazing, thanks for another great tip! 😃

  • @HarrisKiakotos
    @HarrisKiakotos 4 месяца назад

    I can't say how many times I review your videos. Even if I don't want the snippet at the time of recording I'm sure I will use it in the future. Thanks Becca.

    • @InsideTheSquare
      @InsideTheSquare  4 месяца назад

      Thank you so much for your comment - I'm glad you like my content!! 🥰

  • @JayWilsonMedia
    @JayWilsonMedia 9 месяцев назад +1

    Anyway to pin the anchor menu so you wont have to scroll back up to navigate?

    • @InsideTheSquare
      @InsideTheSquare  8 месяцев назад

      Great question and yes! Add "position:sticky" to your first page section like this:
      #page .page-section:nth-child(1) {position:sticky!important; top:0!important}

  • @plazahotelmusic
    @plazahotelmusic 4 месяца назад +1

    Great video.

  • @EliecerIzquierdo
    @EliecerIzquierdo 24 дня назад

    thanks!! was really helpful!! Now I have a multilingual website, do you know any code I could use to hide that language selection when I´m creating a Landing Page? thanks in advance!

    • @InsideTheSquare
      @InsideTheSquare  24 дня назад

      Ooh that is a tricky one! I would look to the team behind the Weglot extension for support on that: www.weglot.com/

    • @EliecerIzquierdo
      @EliecerIzquierdo 23 дня назад

      @@InsideTheSquare Thank you, Becca!

  • @xeniaioa
    @xeniaioa 4 месяца назад

    Thank you... this is so helpful

    • @InsideTheSquare
      @InsideTheSquare  3 месяца назад

      You’re welcome; so glad it was helpful!

  • @winstarbookkeeping
    @winstarbookkeeping 9 месяцев назад

    I really needed this! Thank you! 🙏🏾

  • @p0tent1alTHx
    @p0tent1alTHx 9 месяцев назад

    I love this; thank you.
    Have you ever done a video with a 'Back to Top' navigation button? It is a nice way to return to the top of the screen without mouse-wheeling back if you have a very long one-page website. :)

    • @InsideTheSquare
      @InsideTheSquare  9 месяцев назад

      You're welcome 😊 and I totally agree - a super helpful option for long format content! I did a tutorial on that two weeks ago; here is a link if you want to check it out: ruclips.net/video/POuTuPW3yZQ/видео.html

  • @mr.atkins7191
    @mr.atkins7191 6 месяцев назад

    THANKS.... IT GIVES ME SOMETHING TO WORK WITH.

  • @nomadcurator
    @nomadcurator 9 месяцев назад

    Great work love it. One suggestion for a future tutorial would be how to go about doing the privacy policy for a square place website and any legal disclaimers needed. Thanks

    • @InsideTheSquare
      @InsideTheSquare  9 месяцев назад +1

      Glad you enjoyed this one! I don't offer any legal advice, but I do have an affiliate who specializes in legal templates.
      \Here is a link if you want to check her out: the-boutique-lawyer.myshopify.com/insidethesquare
      Make sure you use my code INSIDETHESQUARE for 10% off!

  • @innazaytsevaphoto
    @innazaytsevaphoto 9 месяцев назад

    so great! thank you!

    • @InsideTheSquare
      @InsideTheSquare  8 месяцев назад

      You are so welcome - glad you like my work! :)

  • @rosehammontree2406
    @rosehammontree2406 2 месяца назад

    I don't have the Navigation choice on the left when I enter my Page settings to turn off the header/footer?

    • @InsideTheSquare
      @InsideTheSquare  2 месяца назад

      Are you using an older version of Squarespace from before 2020? If not, you'll want to contact custom support so they can figure out why you don't have this standard feature: support.squarespace.com

  • @breakfastleadership
    @breakfastleadership 2 месяца назад

    Great video! The link to the article on your blog site is giving me a 404 page not found error. Can you update or paste the link here? Many thanks!

    • @InsideTheSquare
      @InsideTheSquare  2 месяца назад

      Whoops - thanks for the heads up! Here ya go: insidethesquare.co/squarespace-tutorials/hide-header-footer-squarespace

  • @sherriyvette
    @sherriyvette 5 месяцев назад

    This is amazing. Jussst what I was looking for. Did you use a specific template for the design?

    • @InsideTheSquare
      @InsideTheSquare  5 месяцев назад

      Awesome - glad this is what you needed! I made this layout myself. I actually design in Canva and then build in Squarespace; with a little CSS any design is possible 😉

    • @sherriyvette
      @sherriyvette 5 месяцев назад

      @@InsideTheSquare So cool! Do you have a video showing how you design in Canva then transfer to Squarespace?

  • @zomzom7802
    @zomzom7802 5 месяцев назад

    Thank you so so much. That's awesome!

  • @innazaytsevaphoto
    @innazaytsevaphoto 9 месяцев назад

    😍

  • @SDGunfighter
    @SDGunfighter 3 месяца назад

    I have a question. Why remove your header when you're simply adding it back in? I mean maybe im just different when i go online i click links and if i want to read on the about ill click that section, if i want to buy something ill click the products, etc. Are people so ignorant to pages it has to scroll down for them? Lol

    • @InsideTheSquare
      @InsideTheSquare  3 месяца назад +1

      I think you missed the point of the landing page concept - the main purpose is one call to action, like download this freebie. Instead of your normal links (home, services, blog, about, contact, etc) you want to keep them focused on the content on the page. You aren't adding navigation back in - you create a new navigation specific for this page and this page only. Hope that explanation helps you think about this concept a little differently 😊

  • @byoungfitnesscoaching
    @byoungfitnesscoaching 6 месяцев назад

    Help! Great tutorial but Im not able to get the new navigation titles (FAQ and More Info in my case) to link to the corresponding coded sections in the page.
    I had ONE moment when FAQ linked to its page section. I went about doing the exact same anchor link code for More Info and now, after MANY tries and variations, I cant get either title to link.
    Obviously Im doing something wrong? As an example, the FAQ is #faq with the corresponding code being Does that make sense?
    Any help MUCH appreciated!

    • @InsideTheSquare
      @InsideTheSquare  6 месяцев назад

      The link in your browser becomes domain.comexample/page#anchor so you'll need to refresh that address to have it work multiple times in a row, or link to the whole thing (domain.comexample/page#anchor) instead of just the anchor (#anchor) Hope that info helps and best of luck with your project!