File: /var/www/quadcode.com/src/components/blocks/marketing-guide/Notifications.svelte
<script lang="ts">
import { isMobile } from '../../../store';
export let className = '';
let mobile = false;
isMobile.subscribe((value) => {
mobile = value;
});
</script>
<div class="block-notifications {className}">
<h2>Email Marketing and Push Notifications</h2>
<p>
If you have a trader who signed up but hasn't made a deposit yet, or been inactive for weeks, utilizing email
marketing and push notifications can effectively re-engage them. These are perfect tools to increase conversions and
traders lifetime value.
</p>
<p>
Additionally, if you've launched your brokerage with Quadcode, you already have a pre-integrated user communication
module, enabling you to segment traders and send notifications within one comprehensive solution.
</p>
<div class="{className}Wrap">
<h3>Types of emails</h3>
<ul>
<li>Educational content</li>
<li>Trading strategies</li>
<li>Market updates</li>
<li>Promotions and offers</li>
<li>Webinars invitation</li>
<li>Reminders</li>
<li>Trading signals</li>
</ul>
</div>
<div class="{className}Wrap">
<h3>Automations</h3>
{#if mobile}
<div class="{className}MobileTable">
<div>
<p style="background: rgba(244, 235, 233, 1);">Segment: New Registrations</p>
<div>
<p>Email Type: <strong>Welcome Email Series</strong></p>
<ul>
<li>Welcome message introducing your brokerage</li>
<li>Information on the account setup and verification process</li>
<li>Educational content on trading basics</li>
</ul>
</div>
</div>
<div>
<p style="background: rgba(230, 234, 244, 1);">Segment: Active Traders</p>
<div>
<p>Email Type: <strong>Market Updates and Trading Signals</strong></p>
<ul>
<li>Daily or weekly market analysis and insights</li>
<li>Signals and tips based on market trends</li>
<li>Special alerts for major economic events or news releases</li>
</ul>
</div>
</div>
<div>
<p style="background: rgba(229, 243, 239, 1);">Segment: Inactive Traders</p>
<div>
<p>Email Type: <strong>Re-engagement Campaign</strong></p>
<ul>
<li>Reminder of the benefits of trading with your brokerage</li>
<li>Exclusive offers or promotions to incentivize trading activity</li>
<li>Educational content to reignite interest in trading</li>
</ul>
</div>
</div>
<div>
<p style="background: rgba(249, 249, 242, 1);">Segment: VIP Traders</p>
<div>
<p>Email Type: <strong>Exclusive Offers and Insights</strong></p>
<ul>
<li>VIP-only promotions, bonuses, or rewards</li>
<li>Advanced trading strategies and tips from experts</li>
<li>Invitations to exclusive webinars or events</li>
</ul>
</div>
</div>
<div>
<p style="background: rgba(252, 238, 238, 1);">Segment: Demo Account Users</p>
<div>
<p>Email Type: <strong>Conversion Campaign</strong></p>
<ul>
<li>Educational content highlighting the benefits of switching to a live account</li>
<li>Limited-time offers or promotions for opening a live trading account</li>
<li>Testimonials from successful traders who started with demo accounts</li>
</ul>
</div>
</div>
<div>
<p style="background: rgba(238, 233, 241, 1);">Segment: High-Volume Traders</p>
<div>
<p>Email Type: <strong>Loyalty Rewards and Referral Programs</strong></p>
<ul>
<li>Exclusive rewards and bonuses for high-volume trading activity</li>
<li>Referral program incentives to encourage them to refer new traders</li>
<li>Special access to premium features or services</li>
</ul>
</div>
</div>
</div>
{:else}
<div class="{className}Table">
<table>
<tbody>
<tr>
<td style="background: rgba(244, 235, 233, 1);">Segment: New Registrations</td>
<td style="background: rgba(230, 234, 244, 1);">Segment: Active Traders</td>
<td style="background: rgba(229, 243, 239, 1);">Segment: Inactive Traders</td>
</tr>
<tr>
<td>
<p>Email Type: <strong>Welcome Email Series</strong></p>
<ul>
<li>Welcome message introducing your brokerage</li>
<li>Information on the account setup and verification process</li>
<li>Educational content on trading basics</li>
</ul>
</td>
<td>
<p>Email Type: <strong>Market Updates and Trading Signals</strong></p>
<ul>
<li>Daily or weekly market analysis and insights</li>
<li>Signals and tips based on market trends</li>
<li>Special alerts for major economic events or news releases</li>
</ul>
</td>
<td>
<p>Email Type: <strong>Re-engagement Campaign</strong></p>
<ul>
<li>Reminder of the benefits of trading with your brokerage</li>
<li>Exclusive offers or promotions to incentivize trading activity</li>
<li>Educational content to reignite interest in trading</li>
</ul>
</td>
</tr>
</tbody>
</table>
</div>
<div class="{className}Table">
<table>
<tbody>
<tr>
<td style="background: rgba(249, 249, 242, 1);">Segment: VIP Traders</td>
<td style="background: rgba(252, 238, 238, 1);">Segment: Demo Account Users</td>
<td style="background: rgba(238, 233, 241, 1);">Segment: High-Volume Traders</td>
</tr>
<tr>
<td>
<p>Email Type: <strong>Exclusive Offers and Insights</strong></p>
<ul>
<li>VIP-only promotions, bonuses, or rewards</li>
<li>Advanced trading strategies and tips from experts</li>
<li>Invitations to exclusive webinars or events</li>
</ul>
</td>
<td>
<p>Email Type: <strong>Conversion Campaign</strong></p>
<ul>
<li>Educational content highlighting the benefits of switching to a live account</li>
<li>Limited-time offers or promotions for opening a live trading account</li>
<li>Testimonials from successful traders who started with demo accounts</li>
</ul>
</td>
<td>
<p>Email Type: <strong>Loyalty Rewards and Referral Programs</strong></p>
<ul>
<li>Exclusive rewards and bonuses for high-volume trading activity</li>
<li>Referral program incentives to encourage them to refer new traders</li>
<li>Special access to premium features or services</li>
</ul>
</td>
</tr>
</tbody>
</table>
</div>
{/if}
</div>
</div>
<style lang="scss">
@import '/src/scss/media';
@import '/src/scss/mixins';
@import '/src/scss/variables';
.block-notifications {
&__lists {
display: flex;
align-items: flex-start;
margin-top: 40px;
}
&__listsItem {
width: max-content;
}
&__listsRow {
display: flex;
align-items: flex-start;
margin-bottom: 40px;
gap: 16px;
@include breakpoint-down('deskS') {
margin-bottom: 24px;
}
&:last-of-type {
margin-bottom: 0;
}
p {
&:first-of-type {
@include baseTitle;
min-width: 320px;
max-width: 320px;
@include breakpoint-down('deskS') {
max-width: 220px;
min-width: 220px;
}
@include breakpoint-down('tabM') {
max-width: 159px;
min-width: 159px;
}
}
}
}
}
</style>