Third-party tutorials

Warning

The following list is a collection of tutorials and development notes from third-party developers. Some of the older links may not apply to the latest Wagtail versions.

Creating a schematic editor within Wagtail CMS with StimulusJS (20 February 2022)
Adding Placeholder Text to Wagtail Forms (11 February 2022)
Deploying a Wagtail 2.16 website to Heroku (9 February 2022)
Build an E-Commerce Site with Wagtail CMS, Bootstrap & Django Framework (7 February 2022)
Complex Custom Field Pagination in Django (Wagtail) (3 February 2022)
How to Connect Wagtail and React (31 January 2022)
Headless Wagtail, what are the pain points? (with solutions) (24 January 2022)
A collection of UIKit components that can be used as a Wagtail StreamField block (14 January 2022)
Introduction to Wagtail CMS (1 January 2022)
How to make Wagtail project have good coding style (18 December 2021)
Wagtail: The Django newcomer - German (13 December 2021)
Create a Developer Portfolio with Wagtail Part 10: Dynamic Site Settings (3 December 2021)
Dockerize Wagtail CMS for your development environment (29 November 2021)
How To Add an Email Newsletter to Wagtail (25 November 2021)
General Wagtail Tips & Ticks (26 October 2021)
Branching workflows in Wagtail (12 October 2021)
Wagtail is the best python CMS in our galaxy - Russian (12 October 2021)
Adding Tasks with a Checklist to Wagtail Workflows (22 September 2021)
How to create a Zen (Focused) mode for the Wagtail CMS admin (5 September 2021)
How to Install Wagtail on Shared Hosting without Root (CPanel) (26 August 2021)
Django for E-Commerce: A Developers Guide (with Wagtail CMS Tutorial) (26 August 2021)
How to create a Kanban (Trello style) view of your ModelAdmin data in Wagtail (20 August 2021)
eBook: The Definitive Guide to Next.js and Wagtail (19 August 2021)
How to build an interactive guide for users in the Wagtail CMS admin (19 August 2021)
Add Custom User Model (with custom fields like phone no, profile picture) to django or wagtail sites (16 August 2021)
File size limits in Nginx and animated GIF support (14 August 2021)
Deploying Wagtail site on Digital Ocean (11 August 2021)
Multi-language Wagtail websites with XLIFF (21 June 2021)
Add & Configure Mail in Django (or Wagtail) using Sendgrid (28 May 2021)
Advanced Django Development: How to build a professional CMS for any business? (3 part tutorial) (2 April 2021)
Matomo Analytics with WagtailCMS (31 March 2021)
Dockerizing a Wagtail App (16 March 2021)
Deploying Wagtail on CentOS8 with MariaDB/Nginx/Gunicorn (7 March 2021)
How to add a List of Related Fields to a Page (6 March 2021)
Wagtail - get_absolute_url, without domain (3 March 2021)
How To Alternate Blocks in Your Django & Wagtail Templates (19 February 2021)
Build a Blog With Wagtail CMS (second version) (13 January 2021)
Migrate your Wagtail Website from wagtailtrans to the new wagtail-localize (10 January 2021)
How to Use the Wagtail CMS for Django: An Overview (21 December 2020)
Wagtail modeladmin and a dynamic panels list (14 December 2020)
Install and Deploy Wagtail CMS on pythonanywhere.com (14 December 2020)
Overriding the admin CSS in Wagtail (4 December 2020)
Migrating your Wagtail site to a different database engine (3 December 2020)
Wagtail for Django Devs: Create a Developer Portfolio (30 November 2020)
Create a Developer Portfolio with Wagtail Tutorial Series (11 November 2020)
Wagtail Instagram New oEmbed API (5 November 2020)
Image upload in wagtail forms (21 October 2020)
Adding a timeline of your wagtail Posts (18 September 2020)
How to create amazing SSR website with Wagtail 2 + Vue 3 (1 September 2020)
Migrate Wagtail Application Database from SQLite to PostgreSQL (5 June 2020)
How to Build Scalable Websites with Wagtail and Nuxt (14 May 2020)
Wagtail multi-language and internationalization (8 April 2020)
Wagtail SEO Guide (30 March 2020)
Adding a latest-changes list to your Wagtail site (27 March 2020)
How to support multi-language in Wagtail CMS (22 February 2020)
Deploying my Wagtail blog to Digital Ocean Part 1 of a 2 part series (29 January 2020)
How to Create and Manage Menus of Wagtail application - An updated overview of implementing menus (22 February 2020)
Adding a React component in Wagtail Admin - Shows how to render an interactive timeline of published Pages (30 December 2019)
Wagtail API - how to customize the detail URL (19 December 2020)
How to Add Django Models to the Wagtail Admin (27 August 2019)
How do I Wagtail - An Editor’s Guide for Mozilla’s usage of Wagtail (25 April 2019)
Learn Wagtail - Regular video tutorials about all aspects of Wagtail (1 March 2019)
How to add buttons to ModelAdmin Index View in Wagtail CMS (23 January 2019)
Wagtail Tutorial Series (20 January 2019)
How to Deploy Wagtail to Google App Engine PaaS (Video) (18 December 2018)
How To Prevent Users From Creating Pages by Page Type (25 October 2018)
How to Deploy Wagtail to Jelastic PaaS (11 October 2018)
Basic Introduction to Setting Up Wagtail (15 August 2018)
E-Commerce for Django developers (with Wagtail shop tutorial) (5 July 2018)
Supporting StreamFields, Snippets and Images in a Wagtail GraphQL API (14 June 2018)
Wagtail and GraphQL (19 April 2018)
Wagtail and Azure storage blob containers (29 November 2017)
Building TwilioQuest with Twilio Sync, Django [incl. Wagtail], and Vue.js (6 November 2017)
Upgrading from Wagtail 1.0 to Wagtail 1.11 (19 July 2017)
Wagtail-Multilingual: a simple project to demonstrate how multilingual is implemented (31 January 2017)
Wagtail: 2 Steps for Adding Pages Outside of the CMS (15 February 2016)
Adding a Twitter Widget for Wagtail’s new StreamField (2 April 2015)
Working With Wagtail: Menus (22 January 2015)
Upgrading Wagtail to use Django 1.7 locally using vagrant (10 December 2014)
Wagtail redirect page. Can link to page, URL and document (24 September 2014)
Outputing JSON for a model with properties and db fields in Wagtail/Django (24 September 2014)
Bi-lingual website using Wagtail CMS (17 September 2014)
Wagtail CMS – Lesser known features (12 September 2014)
Wagtail notes: stateful on/off hallo.js plugins (9 August 2014)
Add some blockquote buttons to Wagtail CMS’ WYSIWYG Editor (24 July 2014)
Adding Bread Crumbs to the front end in Wagtail CMS (1 July 2014)
Extending hallo.js using Wagtail hooks (9 July 2014)
Wagtail notes: custom tabs per page type (10 May 2014)
Wagtail notes: managing redirects as pages (10 May 2014)
Wagtail notes: dynamic templates per page (10 May 2014)
Wagtail notes: type-constrained PageChooserPanel (9 May 2014)

You can also find more resources from the community on Awesome Wagtail.

Tip

We are working on a collection of Wagtail tutorials and best practices. Please tweet @WagtailCMS or contact us directly to share your Wagtail HOWTOs, development notes or site launches.