Madang theme – Create meal plans with call to purchase buttons

March 2, 2018 no comments Alex Categories MadangTags , , , , , , ,

Creating meal plans in Madang theme is not linked with WooCommerce products. On the one hand this means that you need to define all meals again but on the other if you do not plan to sell meals individually like described on this page this approach makes the whole process faster and more simplified. Meal plans are usually split by days of the week or the month. You can define as many days as you need and use single day multiple times. For example, one meal plan can be used for Monday and Friday simultaneously. In order to create first meal plan go to Meals > Add New section of our admin.

Madang theme - Meal plan creation.

The following fields should be entered:

  • Title – usually indicates time (breakfast, lunch etc.)
  • Description – brief description of a meal.
  • Tags – one, two most relevant keywords.
  • Image – meal picture.
  • Add Another Meal – click to add one more meal.

Saving meal plan in Madang theme.

Once the meal plan for the day is specified click Publish and remember its ID number (Meal ID) that can be found in the URL of your browser. Please refer to the image above. Repeat same actions to create meal plans for other days as well. Once all the days are created you need to combine them in one program in order to represent it as a single package on your website. Go to Programs > Add New section of our admin and click on Add Another Day button to create as many days as required by the program. Each day has only two parameters:

  • Title – usually an abbreviation of a week. Example, Mon, Tue, Wed etc.
  • Meal ID – id number available from Meals section

Madang theme admin - combining meal plan in one package by day of the week.

Once all the days are created and linked by ID numbers the first meal plan package can be published on your website. Copy program ID (example, accelerated-weight-loss) from programs main screen and proceed to Pages section.

Madang admin - Program meal plan package ids

Under pages section add necessary widgets like Madang banner and Madang Meal Plan by clicking on Add Widget button. See the image below.

Meal plan package WordPress publishing

Hover on Madang Meal Plan widget and click Edit. The menu with extra setting will popup like on the image below. Fill in Meal Plan ID number which is program ID described in this section (accelerated-weight-loss) click done and Publish or Save if the page is already published.

Assigning ID for meal package.

Adding Call to Action button is very straightforward. Just add Madang CTA widget and follow interface hints. Once all the data is filled in and meal plans are linked correctly your website page may look like on the image below.

Meal plan package representation in WordPress.

If you have any additional questions regarding meal plans use our comment form below.