Hippoo gives you complete control over your invoice and shipping label designs. You can adjust every visual and structural element — including layout, size, fonts, colors, language, and even add your own custom information — all while keeping your customizations safe from plugin updates.
🎨 What You Can Customize #
The Hippoo templates are fully customizable, allowing you to tailor them to your business needs and branding. Here’s what you can modify:
- Layout and Structure – Change the positioning of elements, tables, and sections.
- Paper Size – Adjust for A4, Letter, thermal printer sizes, or custom dimensions.
- Fonts and Colors – Apply your brand’s typography and color scheme for a professional look.
- Language and Text – Translate text strings or localize content for your region.
- Logos and Branding – Add your company logo, contact info, or brand visuals.
- Additional Fields – Include tax IDs, order notes, QR codes, or barcodes.
- Custom CSS Styling – Use inline styles or enqueue custom CSS to control the design precisely.
With this flexibility, you can make your invoices and shipping labels match your brand identity and operational needs perfectly.
📁 Step 1: Locate the Default Template Files #
The original template files are located inside the Hippoo plugin directory:
/wp-content/plugins/hippoo/invoice/templates/simple/hippoo-factor.php
/wp-content/plugins/hippoo/label/templates/simple/hippoo-label.php
📤 Step 2: Copy Templates to Your Theme #
To customize them safely (without affecting plugin updates), copy the templates into your active theme’s root directory.
Example:
/wp-content/themes/your-theme/hippoo-factor.php
/wp-content/themes/your-theme/hippoo-label.php
There’s no need to recreate the plugin’s folder structure — just drop the copied files directly into your theme’s root folder.
🧱 Step 3: Customize the Templates #
Once copied, open the files in your code editor. You can freely edit HTML, CSS, and PHP to fit your design and business preferences.
Some examples of what you can do:
- Change paper size or margins for printing
- Replace headings, titles, and table headers
- Add company details or dynamic order data using WooCommerce hooks
- Change text direction for RTL languages
- Apply custom fonts and colors
- Insert images, icons, or watermarks
- Change language of labels
Example snippet for styling changes:
<style>
.invoice-header h1 {
font-family: "Helvetica Neue", sans-serif;
color: #2c3e50;
font-size: 22px;
margin-bottom: 10px;
}
.invoice-table th {
background: #f4f4f4;
color: #333;
text-transform: uppercase;
}
</style>
🔍 Step 4: Preview and Test #
After saving your changes, go to the Hippoo dashboard and generate a new invoice or shipping label.
If your template file is detected in the theme directory, Hippoo will automatically use your custom version instead of the default one.
If changes don’t appear:
- Confirm the files are in your theme’s root directory
- Clear any caching plugins or browser cache
- Make sure file names match exactly
🔒 Step 5: Keep Your Customizations Safe #
Your custom templates inside the theme folder will remain untouched during plugin updates.
However, when new plugin releases include template improvements, compare the latest versions to ensure compatibility.
💡 Tip: Keep a backup of your custom files. You can use a child theme to further isolate your modifications.
✅ Summary #
Hippoo’s template system is designed to give you full creative freedom while maintaining compatibility and stability.
Whether you want a simple design tweak or a completely branded layout, your invoice and shipping label templates can be customized to perfectly match your workflow and customer experience.
