Managing website content can be persnickety, especially when you wish to insert complex image blocks, small ads, or fancy pull quotes into large chunks of text.
If you’re familiar with ExpressionEngine, you know that body content will often live in its own text field, and it’s not always a simple task to insert an element inline–especially if you don’t have vast HTML knowledge.
You can have another field, like a fluid field or a complex grid—but how do you merge the two?
We saw the problem and decided to create a solution, and that’s how Hop Inject was born.
This super powerful, super flexible add-on makes it easy to add inline elements such as images, videos, and advertisements into other content without needing HTML knowledge - and even to do it automatically across a wide range of entries without needing to specifically edit each one.
Hop Inject is a custom ExpressionEngine add-on that allows you to specify where an “injection” should occur, which HTML elements should receive it, and what the injection should be. You can quickly choose if the injection should happen before, inside or after the element. It helps developers and content managers both save time, maintain consistency, and enhance user experience without needing to touch the underlying HTML.
Unlike other Rich Text add-ons, Hop Inject offers precise but dynamic targeting to inject content before or after specifically tagged paragraphs, headings, or other elements.
Key Features of Hop Inject:
- Precise Content Injection: Inject content before or after specific HTML elements, such as paragraphs or headings, based on their position within the content.
- Conditional Injection: Compare and inject content into a static location or a percentage placement of the content with ease. (Think: 33% of the way through a page)
- Flexible Targeting: Specify exact positions for content injection without altering the structure of the original content.
- Ease of Use: This add-on, once set up, requires no HTML knowledge to use, allowing even non-tech-savvy users to add images or other complex inline content.
Keep reading for more technical information on how Hop Inject works.
Installation & Setup:
- Download: Obtain the latest version of Hop Inject.
- Upload: Extract the files and upload them to your ExpressionEngine installation’s ```html /system/user/addons/``` directory.
- Install: Navigate to the Add-ons section in your EE control panel and install Hop Inject.
- Configure: Follow the documentation to set up your content injection rules.
Hop Inject can be used for various applications, from automatically inserting advertisements after a certain percent of a story, to adding dynamic content like images and pull quotes at specific points within articles without manual editing. Hop Inject allows you to tailor content injections based on user preference or content type. Save time by reducing the need for manual content editing, and ensure your content injections are applied uniformly even with a number of different editors.
If you’re ready to simplify and unify your content editing, you can grab the add-on and start exploring injecting elements into your website content today!
