Skip to main content

WP Team Display: On Frontend

1. Add a WP Team display in editor

Finally, to display a flow chart on frontend, click on the Insert chart top right button. Save your page/post and you’re done!

 

insert-flow-chart

 

Then, your WP Team display flow chart is materialized in your editor.

 

flow-chart-in-editor

 

On the top of the right panel, you can find the shortcode you can use to insert your chart in your posts. For example: [teamchart id='1' title='sample chart']

 

shortcode-chart

 

2. Block in Gutenberg

Gutenberg is the default editor in WordPress now, so you can use shortcode or use WP Team Display block to show your chart.

First, click on the WP Team Display button in the Widgets category. Then choose the chart to insert by pressing Add New Chart button. That's all.

 

team-display-block

 

3. Themes overview


Default theme

 

default-theme

 

Flat and Circle theme

 

flat-and-circle

 

Natura theme

 

nature-theme-lightbox