https://github.com/colorful-tones/acf-front-end-form-demo
Using an ACF Form to create a form for users to submit Recipes.
https://github.com/colorful-tones/acf-front-end-form-demo
Last synced: 26 days ago
JSON representation
Using an ACF Form to create a form for users to submit Recipes.
- Host: GitHub
- URL: https://github.com/colorful-tones/acf-front-end-form-demo
- Owner: colorful-tones
- Created: 2024-08-01T18:01:14.000Z (10 months ago)
- Default Branch: main
- Last Pushed: 2024-08-01T21:57:18.000Z (10 months ago)
- Last Synced: 2025-05-07T22:03:11.142Z (26 days ago)
- Language: PHP
- Size: 16.6 KB
- Stars: 5
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# ACF Front End form demo
__Fork it, or download the [latest release](https://github.com/colorful-tones/acf-front-end-form-demo/releases), and make it your own!__
👉 [Click to launch a playground demo](https://playground.wordpress.net/?blueprint-url=https://raw.githubusercontent.com/colorful-tones/acf-front-end-form-demo/main/blueprint.json) 👈
## What
A WordPress [child theme](https://developer.wordpress.org/themes/advanced-topics/child-themes/) of the default [TwentyNineteen theme](https://wordpress.org/themes/twentynineteen/).
## Why
This demonstration uses an Advanced Custom Fields (ACF) front-end form to allow visitors to submit new recipes. The form is registered with ACF's [`acf_register_form()`](https://www.advancedcustomfields.com/resources/acf_register_form/) to create a new Recipe post type in draft status. The form uses an existing ACF field group for the fields.
Once the user submits the new recipe, an email with the details is triggered to notify the WordPress site user.
## How to use
1. Create a test WordPress site. It is quick and easy with [Local](https://localwp.com/).
2. Install and activate the [Advanced Custom Fields (ACF) plugin](https://wordpress.org/plugins/advanced-custom-fields/).
3. [Add the TwentyNineteen default theme](https://wordpress.org/documentation/article/work-with-themes/#adding-new-themes-using-the-administration-screens).
4. Download the [`ttnineteen-child` theme](https://github.com/colorful-tones/acf-front-end-form-demo/archive/refs/tags/v1.0.0.zip) (this repo), un-zip, and activate it.
5. Create and publish a new page titled "New Recipe" (this will be the final form). Visit the /new-recipe/ page and use the form to submit recipes.
### Resources
- [Create a front end form](https://www.advancedcustomfields.com/resources/create-a-front-end-form/)
- [Using acf_form to create a new post](https://www.advancedcustomfields.com/resources/using-acf_form-to-create-a-new-post/)
### Screenshots
| New Recipe form | Published recipe |
|---------|------------|
|  |  |