Sales Cycle: Difference between revisions
No edit summary |
No edit summary |
||
| Line 1: | Line 1: | ||
== Distinct Namespace == | |||
Using the '''[[mw:Extension:Flex Diagrams|Extension:Flex Diagrams]]''' extension<ref>Flex Diagrams does allow you to create 5 different types of diagrams</ref>, each diagram must be handled in it's own namespace - where it's really a custom content model. This means that '''no other markup''' is allowed. So, you can't use wikitext (e.g. Categories) at all. A somewhat useful if not confusing by-product of this is that the source code of the diagram is displayed inline with the diagram when reading the page. | |||
In order to embed the diagram into a wiki page, you then use the extension's <code>#display_diagram</code> parser function. | |||
<pre>{{#display_diagram:Mermaid:Sales_Cycle}}</pre> | |||
produces the following diagram from the source at [[Mermaid:Sales Cycle]] | |||
{{#display_diagram:Mermaid:Sales_Cycle}} | |||
== Diagram inline == | |||
Using the Mermaid extension, and its <code>#mermaid</code> parser function, you can create diagrams right in your page. | |||
The syntax after the parser function is passed to Mermaid.js for interpretation. | |||
<pre> | |||
{{#mermaid:graph TD; | {{#mermaid:graph TD; | ||
A[Prospecting] -->|Original/Initial Contact| B(Contract Award / Purchase / Agreement of Terms) | A[Prospecting] -->|Original/Initial Contact| B(Contract Award / Purchase / Agreement of Terms) | ||
| Line 17: | Line 33: | ||
K --> L(Obtain Referrals) | K --> L(Obtain Referrals) | ||
L --> A}} | L --> A}} | ||
</pre> | |||
produces | |||
{{#mermaid:graph TD; | |||
A[Prospecting] -->|Original/Initial Contact| B(Contract Award / Purchase / Agreement of Terms) | |||
B --> C{Let me think} | |||
C -->|Qualifying| D[Qualified] | |||
C -->|Presentation/Demonstration| E[Comfortable] | |||
C -->|Follow-through Proposal/Value Proposition| F[fa:fa-car Incentivized] | |||
D --> G(Document Buying Cycle or Itch Cycle) | |||
E --> G | |||
F --> G | |||
G --> H(Negotiations) | |||
G --> I(Overcome Objections) | |||
G --> J(Establish Deliverables) | |||
G --> K(Maintain Contact) | |||
H --> L(Obtain Referrals) | |||
I --> L(Obtain Referrals) | |||
J --> L(Obtain Referrals) | |||
K --> L(Obtain Referrals) | |||
L --> A}} | |||
This page uses the [https://www.mediawiki.org/wiki/Extension:Mermaid mermaid extension] compared with the [[mw:Extension:Flex Diagrams]] to draw the flow chart from simple markup. | |||
== Tools == | |||
Use the [https://mermaid-js.github.io/mermaid-live-editor/ live (javascript) Mermaid Editor here] | |||
There are a ton of integrations for editing the Mermaid script language in your content platform of choice. See https://mermaid.js.org/ecosystem/integrations-community.html | |||
[[Category:Sales]] | [[Category:Sales]] | ||
[[Category:Company]] | [[Category:Company]] | ||