DEMO Back to vpjoomla.com

VP Accordion — Live Demo

About heading levels: By design, Bootstrap accordion buttons share the same visual style regardless of the surrounding heading level (H2 - H6). The setting controls the semantic HTML for accessibility and SEO, not the rendered font size. Inspect the page source to verify each demo uses a different heading tag.
01

FAQ Block

A typical FAQ section as you'd see at the bottom of a SaaS landing page or a product page. Single-open mode keeps the focus on one question at a time.

  • Style: Default
  • Allow multiple open: No
  • Heading level: H3

No. The 14-day trial doesn't require any payment information. You'll be asked for a card only if you decide to upgrade to a paid plan once the trial ends.

Yes. You can cancel from your account dashboard at any time, no questions asked. Your access continues until the end of the current billing period.

Your data is preserved for 30 days after cancellation. If you reactivate within that window, everything is restored. After 30 days, all data is permanently deleted in line with our privacy policy.

Yes. Verified students and educators get 50% off any paid plan. Just send a copy of your institutional ID or current course enrollment to This email address is being protected from spambots. You need JavaScript enabled to view it..

Not at the moment. We're focused on the hosted product to keep updates and security predictable. If self-hosting is critical for your team, get in touch — we may have an enterprise option.

02

Documentation Snippets

Technical documentation with code examples. Multi-open mode lets readers compare sections without losing context.

  • Style: Default
  • Allow multiple open: Yes
  • Heading level: H4

Pass your API key in the Authorization header on every request:

Authorization: Bearer YOUR_API_KEY

Keys are issued from the Settings → API page in your dashboard. Each key has configurable scopes and an optional expiry date.

The default rate limit is 60 requests per minute per API key. Bursts up to 10 requests per second are allowed.

When you hit the limit, the API responds with HTTP 429 Too Many Requests and a Retry-After header indicating how many seconds to wait before retrying.

List endpoints return up to 50 items per page by default. Use ?page=2&per_page=100 to navigate through results. The maximum allowed per_page is 200.

Each response includes a Link header with next and prev URLs to make pagination cursor-friendly.

Subscribe to events by registering a webhook URL in the dashboard. We'll POST a JSON payload to your endpoint when events fire.

Each delivery includes a signature header (X-Webhook-Signature) that lets you verify the request came from us. See the signature verification example in the SDK repository.

03

Pricing Tiers

Comparison of pricing plans, with one tier open by default to highlight the recommended option.

  • Style: Default
  • Allow multiple open: No
  • Heading level: H3

For solo developers and small projects.

  • 1 user seat
  • Up to 5 active projects
  • 10 GB storage
  • Email support (48h response)
  • Community forum access

Best for: personal sites, side projects, freelance work.

For growing teams and serious side projects.

  • Up to 5 user seats
  • Unlimited projects
  • 100 GB storage
  • Priority email support (12h response)
  • Advanced analytics
  • Custom domains

Best for: small agencies, freelance teams, paid SaaS projects.

For agencies and production teams that need full control.

  • Up to 25 user seats
  • Unlimited projects and storage
  • Priority chat support (1h response)
  • SSO and audit logs
  • Custom contract and SLA on request
  • Dedicated success manager

Best for: mid-size agencies, established SaaS, regulated industries.

04

Inline FAQ in an Article (Flush Style)

When the accordion lives inside an article rather than as a standalone block, the flush style integrates without a visible container. Notice how the accordion sits naturally between paragraphs.

  • Style: Flush
  • Allow multiple open: No
  • Heading level: H3

Optimizing a Joomla site is more about systematic checks than tricks. Most performance issues fall into a small set of categories, and answering a few diagnostic questions is usually enough to identify which one applies.

Page speed depends on three main factors: server response time, asset weight (CSS, JS, images), and render-blocking resources. Run a PageSpeed Insights audit to see which one is dominant on your site, and address the top issue first instead of optimizing everything at once.

The simplest check: visit your site in Chrome or Firefox and look for the padlock icon in the address bar. For a deeper inspection — including expiry date, issuing authority, and chain of trust — paste your domain into SSL Labs Server Test. The free report grades your configuration A through F and lists every weakness.

Two common causes: the site is too new (Google needs days to weeks to index), or it has a noindex directive somewhere. Check your robots.txt file, the <meta name="robots"> tag in your pages, and your CMS settings. In Joomla, Global Configuration → Site → Search Engine Robots controls this site-wide.

Once you've identified the dominant issue, fix that one before measuring again. Iterating on a single change at a time is far more reliable than trying to optimize everything in parallel.

05

Product Specifications

Complex technical details organized into collapsible categories. Multi-open mode lets buyers compare specs across categories.

  • Style: Flush
  • Allow multiple open: Yes
  • Heading level: H4

  • Length: 142.5 mm
  • Width: 67.8 mm
  • Depth: 7.4 mm
  • Weight: 188 g

  • Type: Super OLED, HDR10+
  • Size: 6.1 inches diagonal
  • Resolution: 2532 × 1170 px
  • Pixel density: 460 ppi
  • Refresh rate: 120 Hz adaptive
  • Peak brightness: 1200 nits

  • Capacity: 3220 mAh lithium-ion
  • Wired charging: 25 W USB-PD
  • Wireless charging: 15 W Qi
  • Reverse wireless: 4.5 W
  • Talk time: up to 21 hours
  • Video playback: up to 17 hours

  • Wi-Fi: 802.11 a/b/g/n/ac/ax (Wi-Fi 6E)
  • Bluetooth: 5.3 with LE Audio
  • Cellular: 5G sub-6, LTE, dual SIM (nano + eSIM)
  • NFC: Yes
  • UWB: Yes (second-gen chip)

  • Warranty: 2 years limited manufacturer warranty
  • Water resistance: IP68 (1.5m for 30 min)
  • Drop tested: 1.2m onto granite (per MIL-STD-810H)
  • Certifications: CE, FCC, RoHS, REACH

Like what you see?

VP Accordion is a free Joomla 5 / 6 module under GNU GPL v2 or later.