Magic Components
Library

The following components can be found inside of the webflow component tab. This page is not intended to give an overview about all quirion components, but instead represents a list of components that can be used in the quirion magic richtext blocks.

This is pure magic


Any richtext block can be magic if we add the class .magic-richtext and the html attribute fs-richtext-element=rich-text

Within the magic richtext blocks these components can be used with shortcodes:

{{COMPONENT_IDENTIFIER="/styles/components-library"}}

The identifier represents each unique component with identical, consitent content. Via script, each usage of the shortcode snippet will reference this page (/styles/components-library).

App
QAI
Content
ConsultantS
CTA

APP

[APP] Teaser

Component Shortcode:
{{app_teaser-component="/styles/components-library"}}
Type:
Section
Remember to add "-v2,..3,..4" at the end of the shortcode inside of {{}} for Variants

Das Depot auch unterwegs im Blick behalten mit der quirion-App

Die quirion-App

Mehr erfahren

QAI

[APP] Teaser

Component Shortcode:
{{qai_teaser-component="/styles/components-library"}}
Type:
Section
Remember to add "-v2,..3,..4" at the end of the shortcode inside of {{}} for Variants

CONTENT

[CONTENT] Awards

Component Shortcode:
{{awards-component="/styles/components-library"}}
Type:
Section
Remember to add "-v2,..3,..4" at the end of the shortcode inside of {{}} for Variants

Lesen Sie mehr zu unseren Auszeichnungen.

Variationen

Component Shortcode:
{{awards-component-v2="/styles/components-library"}}
Component Shortcode:
{{awards-component-v3="/styles/components-library"}}

[CONTENT] How to invest

Component Shortcode:
{{howtoinvest-component="/styles/components-library"}}
Type:
Block
Remember to add "-v2,..3,..4" at the end of the shortcode inside of {{}} for Variants

[CONTENT] 4 Steps (grey)

Component Shortcode:
{{4steps-component="/styles/components-library"}}
Type:
Section
Remember to add "-v2,..3,..4" at the end of the shortcode inside of {{}} for Variants

In vier Schritten zu Ihrem persönlichen ETF-Sparplan:

1

Anlagevorschlag erhalten

2

Depot eröffnen

3

Sparplan einrichten und Geld einzahlen

4

Auf Rendite freuen!

Variationen

In vier Schritten zu Ihrem persönlichen ETF-Sparplan:

1

Anlagevorschlag erhalten

2

Depot eröffnen

3

Sparplan einrichten und Geld einzahlen

4

Auf Rendite freuen!

Component Shortcode:
{{4steps-component-v2="/styles/components-library"}}
Type:
Section

[CONTENT] 5 Steps

Component Shortcode:
{{5steps-component="/styles/components-library"}}
Type:
Section
Remember to add "-v2,..3,..4" at the end of the shortcode inside of {{}} for Variants

Depot bei quirion eröffnen, so einfach:

1

Registrieren

2

Depot eröffnen

3

Geld einzahlen

4

Willkommensbonus kassieren

5

Auf Rendite freuen!

CONSULTANTS

[CONSULTANTS] Marquee

Component Shortcode:
{{berater_marquee-component="/styles/components-library"}}
Type:
Block
Remember to add "-v2,..3,..4" at the end of the shortcode inside of {{}} for Variants

CTA

[CTA] Divider

Component Shortcode:
{{cta-component="/styles/components-library"}}
Type:
Section
Remember to add "-v2,..3,..4" at the end of the shortcode inside of {{}} for Variants

Legen Sie am besten heute noch los!

Jetzt starten

Variationen

Legen Sie am besten heute noch los!

Jetzt starten
Component Shortcode:
{{cta-component-v2="/styles/components-library"}}
Type:
Section

Legen Sie am besten heute noch los!

Jetzt starten
Component Shortcode:
{{cta-component-v3="/styles/components-library"}}
Type:
Section

[CTA] Highlight Card

Component Shortcode:
{{cta_highlight-component="/styles/components-library"}}
Type:
Section
Remember to add "-v2,..3,..4" at the end of the shortcode inside of {{}} for Variants

Effizient Geld anlegen mit quirion.

Jetzt Sparplan anlegen

[CTA] Highlight Card Big

Component Shortcode:
{{cta_highlight_big-component="/styles/components-library"}}
Type:
Section

Deutschlands beste digitale Geldanlage

Sie sind in guten Händen

[CTA] Banner Insert

Component Shortcode:
{{banner_insert-component="/styles/components-library"}}
Type:
Section
Remember to add "-v2,..3,..4" at the end of the shortcode inside of {{}} for Variants

[CTA] Anlage Insert

Component Shortcode:
{{anlage_insert-component="/styles/components-library"}}
Type:
Section
Remember to add "-v2,..3,..4" at the end of the shortcode inside of {{}} for Variants

TIERS

[TIERS] Overview

Component Shortcode:
{{servicepakete-component="/styles/components-library"}}
Type:
Section
Remember to add "-v2,..3,..4" at the end of the shortcode inside of {{}} for Variants