jrosalesdev

Interactive Funnel Engine lets you build lightweight interactive experiences directly inside WordPress.
You can create a Funnel, define nodes, connect them with buttons and place the experience anywhere with a shortcode. It is designed for early interactive funnels, guided landing pages, simple game-like flows, product selectors, lead journeys, demos and narrative experiments.
Current MVP features:
<ul>
<li>Custom post type for Funnels.</li>
<li>Node-based flow editor.</li>
<li>Start node configuration.</li>
<li>Button-based navigation between nodes.</li>
<li>Button actions for internal nodes or external URLs.</li>
<li>Optional new-tab external links for CTAs.</li>
<li>Speaker name and avatar.</li>
<li>Featured image as funnel background.</li>
<li>Basic frontend analytics: views, starts, node views, button clicks and conversions.</li>
<li>Conversion nodes.</li>
<li>Fullscreen-style mode via shortcode.</li>
<li>Browser fullscreen toggle button.</li>
<li>Optional horizontal answer layout via shortcode.</li>
</ul>
<h3>Usage</h3>
Basic shortcode:
<pre><code>[intfuen_funnel id="123"]
</code></pre>
Fullscreen-style shortcode:
<pre><code>[intfuen_funnel id="123" fullscreen="true"]
</code></pre>
Horizontal answer layout shortcode:
<pre><code>[intfuen_funnel id="123" layout="horizontal"]
</code></pre>
Replace 123 with the real ID of your Funnel.
Buttons can either go to another node or open an external URL.
For internal navigation, choose “Go to node” and enter the target node ID, for example:
<pre><code>pricing
</code></pre>
For CTAs, choose “Open URL” and enter the destination URL, for example:
<pre><code>https://example.com/contact
</code></pre>
You can also choose whether the URL opens in the same tab or in a new tab.

Interactive Funnel Engine

Create simple interactive funnels and decision-based experiences inside WordPress using nodes, buttons, backgrounds and shortcodes.

Mario J. Gaida

Adventurebook is a plugin that allows you to create interactive storybooks or roleplay-like adventure books on your WordPress site. With Adventurebook, you can craft engaging narratives where readers can make choices that influence the outcome of the story.
Key Features:
<ul>
<li>Interactive Storytelling: Create stories with multiple paths and endings based on reader choices.</li>
<li>Easy-to-Use Interface: User-friendly tools to design and manage your adventure books.</li>
<li>Customizable Options: Tailor the appearance and functionality of your adventure books to fit your style.</li>
<li>Multimedia Support: Enhance your stories with images. Add audio to pages that will be played automatically when the page is loaded (if your browser permits).</li>
<li>Character and Item Management: For “Game”-type Adventurebooks, manage items and creatures that characters can interact with.</li>
<li>Combat System: A simple turn-based combat system for “Game”-type Adventurebooks, allowing characters to engage with creatures.</li>
<li>Script Editor: Create custom scripts to add dynamic elements to your adventure books.</li>
<li>Responsive Design: Ensure your adventure books look great on all devices.</li>
</ul>
Whether you’re an author looking to publish interactive stories or a teacher wanting to create engaging learning materials, Adventurebook provides the tools you need to bring your narratives to life. 
Get started today and captivate your audience with immersive storytelling!
See it in action:
<ul>
<li>Travel through Cologne (german) (Story-type): https://koeln.adventurebook.net</li>
<li>Travel on the Camino (german) (Game-type): https://camino.gaida.de</li>
<li>Relaxing Journey (english, incl. Google Translate) (Story-type): https://adventurebook.net/relaxing-journey/</li>
<li>The Morning After (german, incl. Google Translate) (Story-type): https://adventurebook.net/der-morgen-danach/</li>
<li>Play Demoworld (english, incl. Google Translate) (Game-type): https://adventurebook.net/play-demoworld/</li>
</ul>
The “Demoworld” Adventurebook is also included in the premium version of the plugin as demo content to help you get started.
<h3>How to Use</h3>
<ol>
<li>After activating the plugin, navigate to the ‘Adventure Books’ menu in your WordPress dashboard.</li>
<li>Click on ‘Add New Adventure Book’ to start creating your adventure book frame. Just enter a title and maybe a short description.</li>
<li>Save the adventure book.</li>
<li>Add pages by editing your adventure book and using the ‘Add New Book Page’ button on the right side of the editor. 
Alternatively, you can manage your book pages using the ‘Book Pages’ menu. Be sure to set the filter to the correct book. </li>
<li>
When editing a book page, you can add choices by using the ‘Add Decision Option’ button at the bottom.
Each choice can link to another (existing) page in the book, allowing for branching narratives. Be sure to first create the target pages before linking them.
</li>
<li>You can add a single image to each book page using the ‘Book Page Image’ option in the editor.</li>
<li>
After having added a decision to a page, you can restrict the choice to characters that have a specific item.
This applies to Game-type Adventurebooks. 
To do this, choose “Restriction Type” -> “Item” and then enter the code of the item that the character must have to be able to choose this option. 
E.g. if you restrict a decision to the item with code “key_gold”, only characters that have this item in their inventory can choose this option.
</li>
</ol>
<h3>How to setup a Game-type Adventurebook</h3>
<ol>
<li>Create a page for character management with the shortcode <code>[adventurebook_character_overview]</code>.</li>
<li>Set this page in the Adventurebook settings.</li>
<li>Create a new Adventurebook of type “Game”.</li>
<li>Create a page for the book with the shortcode <code>[adventurebook id="X"]</code>, where X is the ID of your adventure book.</li>
<li>The adventurebook will be embedded in this page.</li>
<li>Create items in the “Adventurebook Items” menu. You can upload an image for the item and define stats. For details, see below.</li>
<li>Create creatures in the “Adventurebook Creatures” menu. You can upload an image for the creature and define stats. For details, see below.</li>
<li>Create book pages and add item spawns / creature spawns to the pages. For details, see below.</li>
<li>Set the starting page by selecting the bookpage of your choice on the Adventurebook edit page.</li>
</ol>
<h3>Items</h3>
Items are defined in the “Adventurebook Items” menu. Every item has a code, a name, a description, stats and an image. 
The code is a unique human readable identifier for the item, e.g. “key_gold”. 
Stats are depending on the chosen Combat System. In the free version, only the “Simple” combat system is available.
E.g. a longsword could be defined by:
<ul>
<li>code: sword_longsword</li>
<li>name: Longsword</li>
<li>description: A sharp longsword.</li>
<li>stats: Slot=Weapon,Damage=10,Value=15</li>
<li>image: (upload an image of a longsword)</li>
</ul>
<h3>Creatures</h3>
Creatures are defined in the “Adventurebook Creatures” menu. Every creature has a code, a name, a description, hostility, attackability, xp value, stats, loottable and an image. 
The code is a unique human readable identifier for the creature, e.g. “goblin”. 
Stats are depending on the chosen Combat System. In the free version, only the “Simple” combat system is available.
E.g. a goblin could be defined by:
<ul>
<li>code: goblin</li>
<li>name: Goblin</li>
<li>description: A small green goblin. Looks hostile.</li>
<li>hostility: hostile</li>
<li>attackability: can be attacked</li>
<li>xp value: 5</li>
<li>stats: Health=20,Damage=5,Armor=2</li>
<li>loottable: sword_longsword:20:1:1,leather_armor:10:1:1</li>
<li>image: (upload an image of a goblin)</li>
</ul>
The loottable defines which items the creature can drop when defeated. The format is: 
 item_code:chance:min_amount:max_amount 
E.g. <code>sword_longsword:20:1:1</code> means that the creature has a 20% chance to drop 1 longsword when defeated. 
For gold/money, use the item code “money”. 
E.g. <code>money:100:5:15</code> means that the creature will always drop between 5 and 15 gold when defeated.
<h3>Combat Systems</h3>
To make the plugin more flexible, different combat systems can be chosen. 
Currently, only the “Simple” combat system is available in the free version. 
In the “Simple” combat system, the currency is set to “Gold”.
<h4>Character Stats</h4>
Character Stats for the “Simple” combat system are:
<ul>
<li>Health (Defaults to 35)</li>
<li>CurHealth</li>
<li>Wealth (Gold) (Defaults to 10)</li>
<li>XP (Defaults to 0)</li>
<li>Slots (Defaults to ‘Weapon,Shield,Armor’)</li>
</ul>
internal use only: 
* initiative (Defaults to 0) 
* attack (Defaults to 0) 
* armor (Defaults to 0) 
* defense (Defaults to 0)
<h4>Creature Stats</h4>
Creature Stats for the “Simple” combat system are:
<ul>
<li>Health</li>
<li>Damage</li>
<li>Armor</li>
</ul>
<h4>Item Stats</h4>
Item Stats for the “Simple” combat system are:
<ul>
<li>
Value
how much (Gold) the item is worth when selling it to a shop
</li>
<li>
Armor
how much armor the item provides when equipped
</li>
<li>
Damage
how much damage the item provides when equipped
</li>
<li>
Slot
if the slot of an item matches any slot of a character, the item can be equipped by the character. 
In the Simple Combat System, the available slots are ‘Weapon’, ‘Shield’ and ‘Armor’. Only one item can be equipped per slot.
</li>
</ul>
Examples:
<ul>
<li>A sword could have the slot ‘Weapon’ and damage 10.</li>
<li>A shield could have the slot ‘Shield’ and armor 5.</li>
<li>A leather armor could have the slot ‘Armor’ and armor 3.</li>
<li>A chain mail could have the slot ‘Armor’ and armor 7.</li>
</ul>
If a player has a leather armor equipped, his armor stat is 3. 
If he equips the chain mail, the leather armor will be unequipped and the armor stat will be 7.
<h4>Combat</h4>
<ul>
<li>When a character visits a page with creature spawns, he can choose to attack a creature.</li>
<li>The combat is turn-based. For each turn, the initiative is calculated randomly.</li>
<li>The character and the creature attack each other until one of them has 0 or less health.</li>
<li>If the character wins, he gets XP and Gold (Wealth) according to the creature’s stats. The creature is removed from the page and will respawn after the set respawn time.</li>
<li>If the character loses, he is moved back to the starting page / his respawn point and his health is fully restored.</li>
<li>If the initiative of the character is higher than the initiative of any hostile creature on the page, he surprises the creature and gets a free turn before the combat starts.</li>
<li>If an enemy is not hostile, but can be attacked, the character can choose to attack it, turning it hostile.</li>
</ul>
Damage dealt: Damage Value (Attacker) – Armor Value (Defender), minimum 1 damage.
<h3>Technical Details</h3>
The following information is for the Adventurebook Type “Game”.
Item Definitions (table <code>_adventurebook_item_definitions</code>)
Every item in the world/game has a definition. The definition is stored in the table <code>_adventurebook_item_definitions</code>. 
The definition contains non-mutable information about the item.
<ul>
<li><code>id</code></li>
<li><code>code</code> (unique human readable identifier, used for restrictions e.g.)</li>
<li><code>name</code></li>
<li><code>description</code></li>
<li><code>stats</code></li>
<li><code>image-url</code></li>
</ul>
Item Spawns (table <code>_adventurebook_item_spawns</code>)
Defines a spawn point for an item. The spawn point is a zone. 
When a new character is created, all items that have a spawn point will be added to the zone (page).
<ul>
<li><code>item_id</code></li>
<li><code>page_id</code></li>
</ul>
Items (table <code>_adventurebook_items</code>)
Defines an item that a character can find in his adventure.
<ul>
<li><code>id</code></li>
<li><code>code</code></li>
<li><code>character_id</code></li>
<li><code>location_id</code></li>
</ul>
Scripts (table <code>_adventurebook_scripts</code>)
Defines a script that can be attached to a page and is executed when the page is visited / reloaded.
<ul>
<li><code>id</code></li>
<li><code>code</code> (unique human readable identifier, used to attach the script to a page)</li>
<li><code>name</code> (will not be displayed to the user)</li>
<li><code>commands</code> (the commands that will be executed, array in json format)</li>
</ul>
<h3>SCRIPT COMMANDS</h3>
Scripts can be attached to book pages and are executed when the page is visited / reloaded, e.g. each time the user clicks on a decision that leads to this page, 
or when attacking, equipping, unequipping, buying, selling, using an item. 
A script can be attached to an adventurebook page by selecting the script in the “Script” dropdown on the page edit screen. 
Every script line needs a unique key (it is a jumpmark). 
The second input field is the command. The third input field is optional and can contain parameters for the command, usually separated by “|”.
The following script commands can be used in a script.
<ul>
<li>
<code>output text</code> 
Outputs the given text to the user. Supported placeholders:
<ul>
<li>{var:varname}: Replaced with the value of the game variable “varname”.</li>
<li>{stat:statname}: Replaced with the value of the character’s stat “statname”.</li>
<li>{itemcount:itemcode}: Replaced with the count of the item “itemcode” in the character’s inventory.</li>
<li>{charactername}: Replaced with the name of the character.</li>
</ul>
</li>
<li>
<code>output text|text color</code> 
Outputs the given text to the user in the given color. Color can be a color name (e.g. “red”) or a hex color (e.g. “#ff0000”).
</li>
<li>
<code>show_key_link text|key</code> 
Outputs the text as a clickable button and links it to a certain key in the script.
</li>
<li>
<code>add_item item_code</code> 
Gives the item with the given code to the character.
</li>
<li>
<code>remove_item item_code</code> 
Removes the item with the given code from the character.
</li>
<li>
<code>if_item_is_here_goto item_code|key</code> 
If the item with the given code is in the current location, jump to the given key in the script.
</li>
<li>
<code>heal amount</code> 
Heals the character by the given amount. If the amount is -1, the character will be fully healed.
</li>
<li>
<code>stop</code> 
Stops the execution of the script and sets the key to 0, so that the script will be executed from the beginning the next time the page is visited.
</li>
</ul>
<h4>Script Example</h4>
<pre><code>100 output A wooden bench is here.
110 showkeylink Sit down and take a rest|200
120 stop
200 output You sit down on the bench and take a rest. You feel better.|green
210 heal 10
220 stop
</code></pre>
Note: The premium version of the plugin comes with different premade scripts.
<h3>PLANNED</h3>

Adventurebook

Lets you create interactive Storybooks or Roleplay-Like Adventurebooks.

Interactive Funnel Engine vs Adventurebook