Join Today
Log In
Back to Blog

Integrating Oriel IPO’s Investment Widget: A Step-by-Step Guide for Startup Websites

Kickstart Your Funding Journey: Master the Investment Widget

If you’re building a vibrant startup website, integrating an interactive investment tool can transform curious visitors into committed backers. Oriel IPO’s investment widget plugs right into your pages, showcasing SEIS and EIS opportunities seamlessly. You’ll cut through jargon, display real-time tax-efficient deals and build trust—all without messy code or endless compliance checks. With a simple copy-and-paste approach, you’ll have a commission-free funding channel live in minutes.

Even better, Oriel IPO isn’t just another share scheme platform: it’s a streamlined gateway to capital, backed by clear guides and zero hidden commissions. Getting started is a breeze and demands no extensive developer hours. Ready to see it in action? Revolutionise your site’s offering with our share scheme platform

Beyond setup, this guide walks you through every stage—from grabbing your unique widget snippet in the Hub to styling it so it matches your brand. By the end, you’ll know how to showcase SEIS and EIS deals, troubleshoot common hiccups and keep investors clicking “Invest Now.” Let’s dive in.

Dissecting the Investment Widget: What It Is and Why You Need It

What Is Oriel IPO’s Investment Widget?

At its core, the investment widget is a pre-built snippet of HTML and JavaScript. You place it on any page of your site—landing pages, blog posts, even your “About Us” section—and it dynamically loads curated startup offers that qualify for SEIS or EIS. That means investors see:

  • Live fundraising rounds
  • Project summaries
  • Clear tax-relief badges (SEIS or EIS)
  • Direct “Invest” links

All delivered in a responsive frame that adapts to mobile, tablet and desktop.

Benefits for Startup Websites

Integrating this widget brings tangible gains:

  • Instant credibility: Show government-backed tax relief flags.
  • Seamless experience: No redirects; investors never leave your site.
  • Reduced admin: Automated updates on funding status.
  • Zero commissions: Every penny raised stays with your business.

Stick with a tested widget over building from scratch, and free up your team to focus on product and growth.

Prerequisites and Preparation

SEIS and EIS Frameworks: A Quick Refresher

The Seed Enterprise Investment Scheme (SEIS) and Enterprise Investment Scheme (EIS) offer tax breaks to early-stage investors. Key points:

  • SEIS: Up to 50% income tax relief, maximum investment of £100,000.
  • EIS: Up to 30% income tax relief, unlimited investment cap per investor.

Understanding both lets you tag deals correctly, so investors know exactly which relief they’ll claim.

Developer Tools and Accounts

Before you start:

  1. Register on Oriel IPO and verify your startup credentials.
  2. Ensure you have access to the website’s codebase or CMS.
  3. Confirm you can edit HTML and CSS.

With these in place, you’re ready to fetch your snippet.

Step 1: Generating Your Widget Code

Accessing the Oriel IPO Hub

Head to the Oriel IPO Hub—your central command for fundraising tools. Within “Integrations,” you’ll find your widget snippet. It looks something like:

<div id="oriel-widget" data-startup="your-startup-id"></div>
<script src="https://hub.orielipo.com/widget.js"></script>

To grab it, simply log in and copy the provided code. If you haven’t set up your startup profile fully, the Hub will prompt you to add your company information first.

Once you have the snippet, stash it in a safe spot. You’ll need it for every page you plan to elevate.

Access the Oriel IPO Hub and log in

Step 2: Embedding the Widget on Your Website

For HTML-Based Sites

  1. Open the HTML file of the page you want to enhance.
  2. Paste the snippet immediately before the closing </body> tag.
  3. Save and upload your file via FTP or your hosting dashboard.

Within seconds, the widget appears—no server-side tweaks required.

For CMS Platforms (WordPress, Joomla, Drupal)

  • WordPress: Use a “Custom HTML” block or insert via your theme’s footer.php.
  • Joomla: Employ a free HTML module and assign it to the desired position.
  • Drupal: Create a block with the custom code and place it in your layout.

Your CMS might cache content, so clear caches after pasting. Refresh your page to confirm the widget loads correctly.

Feeling stuck? Double-check that your startup ID matches, and ensure no security plugins are stripping out script tags.

Step 3: Customising Appearance and Data Feeds

Styling with CSS Variables

The widget supports basic theming. In your global CSS file, add:

#oriel-widget {
  --oriel-primary: #1d6fa5;
  --oriel-border: #ddd;
  --oriel-text: #333;
}

Adjust --oriel-primary to match your brand’s main colour. Tweak text and border colours to integrate the widget seamlessly.

Data Feeds: SEIS vs EIS

By default, the widget shows both SEIS and EIS deals. You can filter:

<div id="oriel-widget" data-startup="id" data-scheme="SEIS"></div>

For EIS-only rounds, replace data-scheme="SEIS" with data-scheme="EIS". That way, investors see exactly what they qualify for.

Need to highlight SEIS opportunities on a dedicated page? Create two sections—one filtering SEIS, the other EIS:

Troubleshooting Common Issues

Widget Not Loading

  • Confirm the script URL is correct.
  • Check browser console for 404 or CORS errors.
  • Ensure you haven’t wrapped the snippet in any conflicting <script> tags.

Styling Conflicts

  • Inspect element to see which CSS rule overrides your variables.
  • Use more specific selectors or !important sparingly.

Data Mismatch

  • Verify your startup ID in the Hub matches the embedded code.
  • If a funding round isn’t live, it won’t display.

If problems persist, reach out to support via the Hub or consult the Oriel IPO knowledge base.

Testimonials

Alice Thomson, Founder of GreenWave Tech
“Integrating the Oriel IPO investment widget took me under 15 minutes. Our SEIS rounds now look polished and transparent. We’ve already seen more click-throughs from angel networks.”

Raj Patel, CTO at FinEdge Solutions
“The styling options meant the widget blended perfectly with our site. No more dull iframes—investors stay on our pages, and we’ve cut admin time by half.”

Clara Mendes, Head of Operations at HealthHub Ltd
“With clear SEIS and EIS tags, our investors know exactly what relief they’ll get. The commission-free model means we keep more funding for growth.”

Empower Your Fundraising Today

You’ve now got everything to embed, style and manage the Oriel IPO investment widget on your startup website. From SEIS tax badges to real-time deal updates, this tool empowers you to present a professional, hassle-free investment experience.

Take your next step and Empower your startup with our share scheme platform

Further Resources and Next Steps

By integrating this widget, you’re not only showing live deal data—you’re signalling professionalism and commitment to transparency. Every more polished presentation can tip an interested visitor into an actual investor.

Keen to see it live? Transform your fundraising with our share scheme platform

more from this section