# Tutorials

**URL:** https://forum.pinegrow.com/c/tutorials/41.md

[Latest](https://forum.pinegrow.com/latest.md) · [Categories](https://forum.pinegrow.com/categories.md) · [Tags](https://forum.pinegrow.com/tags.md)

---

## [Deploying Your Static Website and Hosting For FREE](https://forum.pinegrow.com/t/deploying-your-static-website-and-hosting-for-free/6714)

<div class="topic-metadata">

**Author:** [@fakesamgregory](https://forum.pinegrow.com/u/fakesamgregory)\
**Replies:** 1\
**Last updated:** [December 18, 2024, 7:39pm UTC](https://forum.pinegrow.com/t/deploying-your-static-website-and-hosting-for-free/6714 "2024-12-18T19:39:41Z")

</div>

A tutorial on using Git to deploy your Pinegrow website and host it on Netlify for free…

---

## [Did you miss it? Pinegrow now uploads to Netlify!](https://forum.pinegrow.com/t/did-you-miss-it-pinegrow-now-uploads-to-netlify/8478)

<div class="topic-metadata">

**Author:** [@fakesamgregory](https://forum.pinegrow.com/u/fakesamgregory)\
**Replies:** 0\
**Last updated:** [November 3, 2023, 8:17am UTC](https://forum.pinegrow.com/t/did-you-miss-it-pinegrow-now-uploads-to-netlify/8478 "2023-11-03T08:17:11Z")

</div>

I personally love this feature. Makes it super easy to upload to Netlify. :pray: Vercel support next pleeeeeease!

---

## [How to show cpt category posts](https://forum.pinegrow.com/t/how-to-show-cpt-category-posts/8245)

<div class="topic-metadata">

**Author:** [@Roxy](https://forum.pinegrow.com/u/Roxy)\
**Replies:** 0\
**Last updated:** [July 14, 2023, 10:13am UTC](https://forum.pinegrow.com/t/how-to-show-cpt-category-posts/8245 "2023-07-14T10:13:14Z")

</div>

Hi Need your support please. I made archive-products.php page for display all custom post type. Then Site Tags & Categories - Smart for display all Cpt categories (Groups)… And than I made Show Posts - Sm…

---

## [Tutorial - Creating interactive Lottie Animations](https://forum.pinegrow.com/t/tutorial-creating-interactive-lottie-animations/4945)

<div class="topic-metadata">

**Author:** [@RobM](https://forum.pinegrow.com/u/RobM)\
**Replies:** 4\
**Last updated:** [July 13, 2023, 5:16pm UTC](https://forum.pinegrow.com/t/tutorial-creating-interactive-lottie-animations/4945 "2023-07-13T17:16:43Z")

</div>

Hi All, We’ve uploaded a new tutorial here on adding Lottie animation to Pinegrow and then making it interactive with Pinegrow Interactions. Feel free to reach out with any questions or suggestions. Cheers, Bob

---

## [Rest of the tutorial "Simple full site editing with WordPress Blocks"](https://forum.pinegrow.com/t/rest-of-the-tutorial-simple-full-site-editing-with-wordpress-blocks/7958)

<div class="topic-metadata">

**Author:** [@rays](https://forum.pinegrow.com/u/rays)\
**Replies:** 0\
**Last updated:** [April 24, 2023, 7:40am UTC](https://forum.pinegrow.com/t/rest-of-the-tutorial-simple-full-site-editing-with-wordpress-blocks/7958 "2023-04-24T07:40:09Z")

</div>

Hi, I followed the great tutorial “Simple full site editing with WordPress Blocks” which allowed me to better understand wordpress and fully use pinegrow. At the end of this tutorial, from January 2022, it is mentioned…

---

## [Pinegrow Wordpress Site Live in Less Than 5 Minutes! 10% Discount Code Added!](https://forum.pinegrow.com/t/pinegrow-wordpress-site-live-in-less-than-5-minutes-10-discount-code-added/7796)

<div class="topic-metadata">

**Author:** [@fakesamgregory](https://forum.pinegrow.com/u/fakesamgregory)\
**Replies:** 1\
**Last updated:** [March 13, 2023, 10:11am UTC](https://forum.pinegrow.com/t/pinegrow-wordpress-site-live-in-less-than-5-minutes-10-discount-code-added/7796 "2023-03-13T10:11:59Z")

</div>

I recently transferred a static Pinegrow website to a Wordpress site and uploaded it using Hostinger. The process was super simple completing my series on building a Wordpress theme in Pinegrow and getting it live. Hope…

---

## [Working with Froala Blocks](https://forum.pinegrow.com/t/working-with-froala-blocks/3925)

<div class="topic-metadata">

**Author:** [@matjaz](https://forum.pinegrow.com/u/matjaz)\
**Replies:** 10\
**Last updated:** [January 28, 2023, 12:34am UTC](https://forum.pinegrow.com/t/working-with-froala-blocks/3925 "2023-01-28T00:34:12Z")

</div>

Hi, @RobM prepared a step by step tutorial the tutorial on using Froala Design Blocks in Pinegrow Web Editor. The tutorial covers one of the most useful features of Pinegrow - Page libraries in the Library panel. Use t…

---

## [Tutorial - Creating a reusable navigation component](https://forum.pinegrow.com/t/tutorial-creating-a-reusable-navigation-component/4353)

<div class="topic-metadata">

**Author:** [@RobM](https://forum.pinegrow.com/u/RobM)\
**Replies:** 4\
**Last updated:** [January 4, 2023, 9:11am UTC](https://forum.pinegrow.com/t/tutorial-creating-a-reusable-navigation-component/4353 "2023-01-04T09:11:33Z")

</div>

HI All, Feel free to ask any questions or to comment on the latest tutorial linked here: https://docs.pinegrow.com/tutorials/creating-reusable-navigation-component-in-multi-page-projects/ Cheers, Bob

---

## [Wish list learning path for the upcoming built-in interactive tutorials](https://forum.pinegrow.com/t/wish-list-learning-path-for-the-upcoming-built-in-interactive-tutorials/7262)

<div class="topic-metadata">

**Author:** [@creativedaz](https://forum.pinegrow.com/u/creativedaz)\
**Replies:** 1\
**Last updated:** [November 26, 2022, 2:21pm UTC](https://forum.pinegrow.com/t/wish-list-learning-path-for-the-upcoming-built-in-interactive-tutorials/7262 "2022-11-26T14:21:28Z")

</div>

This can be eye candy for those who want to explore and dive deep into Pinegrow. This can help people like me who knows the basics of Web Development and wanting to be a Wordpress Developer. Intermediate to Advance Lea…

---

## [Adding multiple levels of submenus to a Bootstrap 4 navigation bar in your WordPress theme](https://forum.pinegrow.com/t/adding-multiple-levels-of-submenus-to-a-bootstrap-4-navigation-bar-in-your-wordpress-theme/4157)

<div class="topic-metadata">

**Author:** [@Emmanuel](https://forum.pinegrow.com/u/Emmanuel)\
**Replies:** 4\
**Last updated:** [November 17, 2022, 9:41am UTC](https://forum.pinegrow.com/t/adding-multiple-levels-of-submenus-to-a-bootstrap-4-navigation-bar-in-your-wordpress-theme/4157 "2022-11-17T09:41:04Z")

</div>

This tutorial is now available: Have questions or comments about this tutorial? Let’s talk about it!

---

## [How-to use Material Design for Bootstrap (MDB) UI Kit with Pinegrow](https://forum.pinegrow.com/t/how-to-use-material-design-for-bootstrap-mdb-ui-kit-with-pinegrow/3990)

<div class="topic-metadata">

**Author:** [@Emmanuel](https://forum.pinegrow.com/u/Emmanuel)\
**Replies:** 16\
**Last updated:** [July 17, 2020, 5:10pm UTC](https://forum.pinegrow.com/t/how-to-use-material-design-for-bootstrap-mdb-ui-kit-with-pinegrow/3990 "2020-07-17T17:10:11Z")

</div>

This tutorial is now available from: https://pinegrow.com/tutorials/how-to-use-material-design-for-bootstrap-mdb-ui-kit-with-pinegrow/ Have questions or comments about this tutorial? Let’s talk about it!

---

## [Webflow to Pinegrow - Symbols](https://forum.pinegrow.com/t/webflow-to-pinegrow-symbols/6872)

<div class="topic-metadata">

**Author:** [@fakesamgregory](https://forum.pinegrow.com/u/fakesamgregory)\
**Replies:** 2\
**Last updated:** [August 31, 2022, 6:01pm UTC](https://forum.pinegrow.com/t/webflow-to-pinegrow-symbols/6872 "2022-08-31T18:01:28Z")

</div>

Just launched another video in my Webflow to Pinegrow series. Enjoy!! @matjaz just a note of some potential bugs. Namely in the actions panel, some of the headings are not visible and am i supposed to see …

---

## [NEW Complete Video Series for v6/7? 🤞🏼](https://forum.pinegrow.com/t/new-complete-video-series-for-v6-7/6354)

<div class="topic-metadata">

**Author:** [@PwrSrg](https://forum.pinegrow.com/u/PwrSrg)\
**Replies:** 7\
**Last updated:** [March 23, 2022, 4:52pm UTC](https://forum.pinegrow.com/t/new-complete-video-series-for-v6-7/6354 "2022-03-23T16:52:05Z")

</div>

@matjaz @Emmanuel - Hi guys! Do you have ANY plans to produce an updated COMPLETE Pinegrow video tutorial series (NOT WordPress) from start to finish for v6/7? Your last “complete” NON-WordPress YouTube series was over…

---

## [Any specific Blocks need tutorials](https://forum.pinegrow.com/t/any-specific-blocks-need-tutorials/6330)

<div class="topic-metadata">

**Author:** [@RobM](https://forum.pinegrow.com/u/RobM)\
**Replies:** 1\
**Last updated:** [March 4, 2022, 9:11pm UTC](https://forum.pinegrow.com/t/any-specific-blocks-need-tutorials/6330 "2022-03-04T21:11:10Z")

</div>

Hi All, I’m getting the next tutorial ready in the converting an HTML template to WordPress theme series. Are there any specific Block types or problems people want addressed? Cheers, Bob

---

## [The "Editable Areas" documentation doesn't seem fully up to date](https://forum.pinegrow.com/t/the-editable-areas-documentation-doesnt-seem-fully-up-to-date/6307)

<div class="topic-metadata">

**Author:** [@JoseFR](https://forum.pinegrow.com/u/JoseFR)\
**Replies:** 1\
**Last updated:** [February 22, 2022, 10:41am UTC](https://forum.pinegrow.com/t/the-editable-areas-documentation-doesnt-seem-fully-up-to-date/6307 "2022-02-22T10:41:59Z")

</div>

Hello, At the bottom of this documentation: For “Editable Areas”: there are still “Optional Areas”, and it lacks “Lock” documentation doesn’t seem fully up to date I wish you a good day

---

## [Using AVIF, WebP Responsive Images in Pinegrow](https://forum.pinegrow.com/t/using-avif-webp-responsive-images-in-pinegrow/6131)

<div class="topic-metadata">

**Author:** [@fakesamgregory](https://forum.pinegrow.com/u/fakesamgregory)\
**Replies:** 8\
**Last updated:** [January 8, 2022, 12:17pm UTC](https://forum.pinegrow.com/t/using-avif-webp-responsive-images-in-pinegrow/6131 "2022-01-08T12:17:24Z")

</div>

Just released my first coding tutorial after a few months. Here I’m talking about using new image formats in your Pinegrow websites. Enjoy!

---

## [Supabase tutorial?](https://forum.pinegrow.com/t/supabase-tutorial/6070)

<div class="topic-metadata">

**Author:** [@RobM](https://forum.pinegrow.com/u/RobM)\
**Replies:** 12\
**Last updated:** [January 3, 2022, 9:14am UTC](https://forum.pinegrow.com/t/supabase-tutorial/6070 "2022-01-03T09:14:15Z")

</div>

Hi All, Would anybody be interested in a tutorial about both requesting/posting simple data and authentication with Pinegrow and Supabase? I’m not sure how many devs out there want to be able to hook up to a database, b…

---

## [Tutorial - Creating a Slider with Interactions 2.0](https://forum.pinegrow.com/t/tutorial-creating-a-slider-with-interactions-2-0/4792)

<div class="topic-metadata">

**Author:** [@matjaz](https://forum.pinegrow.com/u/matjaz)\
**Replies:** 2\
**Last updated:** [September 17, 2021, 8:49pm UTC](https://forum.pinegrow.com/t/tutorial-creating-a-slider-with-interactions-2-0/4792 "2021-09-17T20:49:10Z")

</div>

An in-depth tutorial on creating a fully-featured Slider with Pinegrow Interactions, without using blueprints. Even if you’re not interested in sliders and interactions, watch this tutorial to see how Pinegrow is used to…

---

## [Tutorial - Using CSS Grid in Pinegrow](https://forum.pinegrow.com/t/tutorial-using-css-grid-in-pinegrow/4736)

<div class="topic-metadata">

**Author:** [@RobM](https://forum.pinegrow.com/u/RobM)\
**Replies:** 6\
**Last updated:** [July 28, 2021, 9:08am UTC](https://forum.pinegrow.com/t/tutorial-using-css-grid-in-pinegrow/4736 "2021-07-28T09:08:05Z")

</div>

Hi All, A write-up and set of videos have been posted in the tutorials here. Feel free to comment or ask questions! Bob

---

## [From WordPress to static HTML with Pinegrow and Simply Static](https://forum.pinegrow.com/t/from-wordpress-to-static-html-with-pinegrow-and-simply-static/5201)

<div class="topic-metadata">

**Author:** [@Emmanuel](https://forum.pinegrow.com/u/Emmanuel)\
**Replies:** 2\
**Last updated:** [April 26, 2021, 9:35pm UTC](https://forum.pinegrow.com/t/from-wordpress-to-static-html-with-pinegrow-and-simply-static/5201 "2021-04-26T21:35:54Z")

</div>

Did you know that you can develop a website using the WordPress CMS but finally put it in production in a 100% static version that requires nothing more than a standard web server? Yes, you read that right: No more co…

---

## [Using SVG images in Pinegrow](https://forum.pinegrow.com/t/using-svg-images-in-pinegrow/5154)

<div class="topic-metadata">

**Author:** [@RobM](https://forum.pinegrow.com/u/RobM)\
**Replies:** 0\
**Last updated:** [March 25, 2021, 9:23am UTC](https://forum.pinegrow.com/t/using-svg-images-in-pinegrow/5154 "2021-03-25T09:23:57Z")

</div>

Hi All, There is a new tutorial posted on using SVG images in Pinegrow, including animation with Pinegrow Interactions. Any questions or comments? Fire away! Cheers, Bob

---

## [Tutorial - Summer Night 2](https://forum.pinegrow.com/t/tutorial-summer-night-2/4997)

<div class="topic-metadata">

**Author:** [@RobM](https://forum.pinegrow.com/u/RobM)\
**Replies:** 4\
**Last updated:** [March 6, 2021, 9:51pm UTC](https://forum.pinegrow.com/t/tutorial-summer-night-2/4997 "2021-03-06T21:51:25Z")

</div>

Hi All, This is a place to post any feend back on Summer Nights 2 tutorial. For some reason this never got published when it was first created! Cheers, Bob

---

## [Tutorial - Using CodePen Pens with Pinegrow](https://forum.pinegrow.com/t/tutorial-using-codepen-pens-with-pinegrow/4295)

<div class="topic-metadata">

**Author:** [@RobM](https://forum.pinegrow.com/u/RobM)\
**Replies:** 5\
**Last updated:** [February 22, 2021, 7:50pm UTC](https://forum.pinegrow.com/t/tutorial-using-codepen-pens-with-pinegrow/4295 "2021-02-22T19:50:44Z")

</div>

Hi All, This tutorial is now available from: https://pinegrow.com/tutorials/using-codepen-components-in-pinegrow-projects/ Feel free to make comment or ask any questions!

---

## [Quick Tutorial on lottie files and PG](https://forum.pinegrow.com/t/quick-tutorial-on-lottie-files-and-pg/4822)

<div class="topic-metadata">

**Author:** [@red-rosefields](https://forum.pinegrow.com/u/red-rosefields)\
**Replies:** 4\
**Last updated:** [February 11, 2021, 9:26am UTC](https://forum.pinegrow.com/t/quick-tutorial-on-lottie-files-and-pg/4822 "2021-02-11T09:26:59Z")

</div>

Hello, I was wondering if someone in the team could make a little tutorial on how to work with Lottie files and PG. Perhaps show how you got the animation one the example page working…or how to trigger it work while scro…

---

## [What next for tutorials?!?](https://forum.pinegrow.com/t/what-next-for-tutorials/4926)

<div class="topic-metadata">

**Author:** [@RobM](https://forum.pinegrow.com/u/RobM)\
**Replies:** 9\
**Last updated:** [February 8, 2021, 2:03pm UTC](https://forum.pinegrow.com/t/what-next-for-tutorials/4926 "2021-02-08T14:03:13Z")

</div>

Hi All, I have a tutorial on using Lottie animation in Pinegrow,as well as using Pinegrow Interactions to manipulate them, in the editing booth for release soon. Any other ideas for cool tutorials? Cheers, Bob

---

## [Tutorial - Adding UI controls in Pinewgrow](https://forum.pinegrow.com/t/tutorial-adding-ui-controls-in-pinewgrow/4754)

<div class="topic-metadata">

**Author:** [@RobM](https://forum.pinegrow.com/u/RobM)\
**Replies:** 0\
**Last updated:** [December 9, 2020, 10:21am UTC](https://forum.pinegrow.com/t/tutorial-adding-ui-controls-in-pinewgrow/4754 "2020-12-09T10:21:45Z")

</div>

Hi All, There is a new multi-part tutorial on implementing UI controls in Pinegrow. I also talk a little (actually a lot - let’s face it, I like to hear myself talk) about nesting Grids for page layout. Feel free to co…

---

## [Tutorial - Creating a language dropdown with Bootstrap 4](https://forum.pinegrow.com/t/tutorial-creating-a-language-dropdown-with-bootstrap-4/4611)

<div class="topic-metadata">

**Author:** [@RobM](https://forum.pinegrow.com/u/RobM)\
**Replies:** 3\
**Last updated:** [December 8, 2020, 2:29pm UTC](https://forum.pinegrow.com/t/tutorial-creating-a-language-dropdown-with-bootstrap-4/4611 "2020-12-08T14:29:57Z")

</div>

Hi All, A new tutorial on customizing the Bootstrap 4 nav bar is available: here. Feel free to leave any comment, questions, or suggestions! Bob

---

## [Media Queries and Responsiveness in Pinegrow](https://forum.pinegrow.com/t/media-queries-and-responsiveness-in-pinegrow/4675)

<div class="topic-metadata">

**Author:** [@RobM](https://forum.pinegrow.com/u/RobM)\
**Replies:** 8\
**Last updated:** [November 15, 2020, 7:11pm UTC](https://forum.pinegrow.com/t/media-queries-and-responsiveness-in-pinegrow/4675 "2020-11-15T19:11:11Z")

</div>

Hi All, Feel free to ask questions here about the newsletter tutorial: Media queries and responsiveness in Pinegrow. Cheers! Bob

---

## [Tutorial - Creating Timelines in Pinegrow](https://forum.pinegrow.com/t/tutorial-creating-timelines-in-pinegrow/4648)

<div class="topic-metadata">

**Author:** [@RobM](https://forum.pinegrow.com/u/RobM)\
**Replies:** 0\
**Last updated:** [October 30, 2020, 11:43am UTC](https://forum.pinegrow.com/t/tutorial-creating-timelines-in-pinegrow/4648 "2020-10-30T11:43:08Z")

</div>

Hi All, Here is a link to the new tutorial. Feel free to question or comment! Cheers, Bob

---

## [Tutorial - Using gradient and SVG backgrounds](https://forum.pinegrow.com/t/tutorial-using-gradient-and-svg-backgrounds/4562)

<div class="topic-metadata">

**Author:** [@RobM](https://forum.pinegrow.com/u/RobM)\
**Replies:** 0\
**Last updated:** [September 30, 2020, 9:19am UTC](https://forum.pinegrow.com/t/tutorial-using-gradient-and-svg-backgrounds/4562 "2020-09-30T09:19:01Z")

</div>

Hi All, This tutorial is now available from: https://pinegrow.com/tutorials/adding-gradient-and-svg-backgrounds-in-pinegrow/ Feel free to make comment or ask any questions!

[Next page](https://forum.pinegrow.com/c/tutorials/41.md?page=1)
