<section class="section bg--neutral-100 overflow-visible pt0">
<div class="flex-ns flex-wrap items-start justify-center mw900 mt-400-ns mx-auto tc-ns">
<div class="flex-auto pa300 pt500-ns w-33p-l w-50p-m mw500-ns">
<div class="PricingBox bg--background py500 px400">
<div class="PricingBox-header flex items-center justify-center-ns justify-between tl tc-ns icon _after _arrow js-click-boxheader">
<div>
<h2 class="f700">Premium</h2>
<h3 class="c--neutral-500 f200 mt0 tts">$99 per user/month</h3>
</div>
</div>
<div class="mt400">
<a href="https://local.app.sproutsocial.com/signup/start/premium_v6" class="button _large _block js-gaq" data-gaq-category="Pricing - Top" data-gaq-label="Trial - Premium">Start Your Free Trial</a>
<p class="fineprint tc c--neutral-500">No credit card required</p>
</div>
<div class="PricingBox-content">
<h4 class="f300 bb b--neutral-200 mb400 py400">
Essential tools for professionals.</h4>
<ul class="PricingBox-features f300 list pl0">
<li class="mt300 mt0-ns">Complete Social Media Management</li>
<li class="mt300 mt0-ns">All-in-one Social Inbox</li>
<li class="mt300 mt0-ns">Monitor Profiles, Keywords & Locations</li>
<li class="mt300 mt0-ns">Tasking & Social CRM Toolset</li>
<li class="mt300 mt0-ns">Publish, Schedule, Draft & Queue Posts</li>
<li class="mt300 mt0-ns">Social Content Calendar</li>
<li class="mt300 mt0-ns">Group, Profile & Post-Level Reporting</li>
<li class="mt300 mt0-ns">iOS & Android Mobile Apps</li>
<li class="mt300 mt0-ns">Includes 10 Social Profiles</li>
</ul>
</div>
</div>
</div>
<div class="flex-auto pa300 w-33p-l w-50p-m mw500-ns">
<div class="PricingBox PricingBox--featured shadow400-ns bg--background px400">
<div class="PricingBox-header flex items-center justify-center-ns justify-between tl tc-ns icon _after _arrow js-click-boxheader">
<div>
<h2 class="f700">Corporate</h2>
<h3 class="c--neutral-500 f200 mt0 tts">$149 per user/month</h3>
</div>
</div>
<div class="mt400">
<a href="https://local.app.sproutsocial.com/signup/start/corporate_v6" class="button _large _block js-gaq" data-gaq-category="Pricing - Top" data-gaq-label="Trial - Team">Start Your Free Trial</a>
<p class="fineprint tc c--neutral-500">
No credit card required
<span id="demo-request-link-team" class="SL_swap pricing-box-requestdemo team">
•
<a class="js-gaq" href="//localhost:3000/demo/?plan=Team" data-gaq-category="Pricing - Top"
data-gaq-label="Request Demo - Team">Request Demo</a>
</span>
</p>
</div>
<div class="PricingBox-content">
<h4 class="f300 bb b--neutral-200 mb400 py400">
Powerful tools for social business.</h4>
<ul class="PricingBox-features f300 list pl0">
<li class="c--text-dark f200 fw-semibold tts">+ Includes all Premium Features</li>
<li class="mt300 mt0-ns">Tag, Categorize & Report on Inbox Messages</li>
<li class="mt300 mt0-ns">Trends & Engagement Reports</li>
<li class="mt300 mt0-ns">Team & Productivity Reporting</li>
<li class="mt300 mt0-ns">Approval Workflow & Audience Targeting</li>
<li class="mt300 mt0-ns">Campaign Tagging & Reporting</li>
<li class="mt300 mt0-ns">Competitive Benchmark Reporting</li>
<li class="mt300 mt0-ns">Advanced Social Listening Suite Available</li>
<li class="mt300 mt0-ns">Includes 15 Social Profiles</li>
</ul>
</div>
</div>
</div>
<div class="flex-auto pa300 pt500-ns w-33p-l w-50p-m mw500-ns">
<div class="PricingBox bg--background py500 px400">
<div class="PricingBox-header flex items-center justify-center-ns justify-between tl tc-ns icon _after _arrow js-click-boxheader">
<div>
<h2 class="f700">Enterprise</h2>
<h3 class="c--neutral-500 f200 mt0 tts">$249 per user/month</h3>
</div>
</div>
<div class="mt400">
<a href="https://local.app.sproutsocial.com/signup/start/enterprise_v6" class="button _large _block js-gaq" data-gaq-category="Pricing - Top" data-gaq-label="Trial - Enterprise">Start Your Free Trial</a>
<p class="fineprint tc c--neutral-500">
No credit card required
<span id="demo-request-link-team" class="SL_swap pricing-box-requestdemo team">
•
<a class="js-gaq" href="//localhost:3000/demo/?plan=Enterprise" data-gaq-category="Pricing - Top"
data-gaq-label="Request Demo - Enterprise">Request Demo</a>
</span>
</p>
</div>
<div class="PricingBox-content">
<h4 class="f300 bb b--neutral-200 mb400 py400">
Advanced tools for social business at scale.</h4>
<ul class="PricingBox-features f300 list pl0">
<li class="c--text-dark f200 fw-semibold tts">+ Includes all Corporate Features</li>
<li class="mt300 mt0-ns">Advanced Customer Care Tools & Reports</li>
<li class="mt300 mt0-ns">Advanced Keyword Report</li>
<li class="mt300 mt0-ns">Build Custom Chatbots with Automation Tools</li>
<li class="mt300 mt0-ns">Custom URL Tracking</li>
<li class="mt300 mt0-ns">Store Media in a Shared Asset Library</li>
<li class="mt300 mt0-ns">Report Builder & Scheduled Report Delivery</li>
<li class="mt300 mt0-ns">Advanced Social Listening Suite Available</li>
<li class="mt300 mt0-ns">Includes 20 Social Profiles</li>
</ul>
</div>
</div>
</div>
</div>
</section>
<section class="section bg--neutral-100 overflow-visible pt0">
<div class="flex-ns flex-wrap items-start justify-center mw900 mt-400-ns mx-auto tc-ns">
<div class="flex-auto pa300 pt500-ns w-33p-l w-50p-m mw500-ns">
<div class="PricingBox bg--background py500 px400">
<div class="PricingBox-header flex items-center justify-center-ns justify-between tl tc-ns icon _after _arrow js-click-boxheader">
<div>
<h2 class="f700">Premium</h2>
<h3 class="c--neutral-500 f200 mt0 tts">$99 per user/month</h3>
</div>
</div>
<div class="mt400">
<a href="https://local.app.sproutsocial.com/signup/start/premium_v6" class="button _large _block js-gaq" data-gaq-category="Pricing - Top"
data-gaq-label="Trial - Premium">Start Your Free Trial</a>
<p class="fineprint tc c--neutral-500">No credit card required</p>
</div>
<div class="PricingBox-content">
<h4 class="f300 bb b--neutral-200 mb400 py400">
Essential tools for professionals.</h4>
<ul class="PricingBox-features f300 list pl0">
<li class="mt300 mt0-ns">Complete Social Media Management</li>
<li class="mt300 mt0-ns">All-in-one Social Inbox</li>
<li class="mt300 mt0-ns">Monitor Profiles, Keywords & Locations</li>
<li class="mt300 mt0-ns">Tasking & Social CRM Toolset</li>
<li class="mt300 mt0-ns">Publish, Schedule, Draft & Queue Posts</li>
<li class="mt300 mt0-ns">Social Content Calendar</li>
<li class="mt300 mt0-ns">Group, Profile & Post-Level Reporting</li>
<li class="mt300 mt0-ns">iOS & Android Mobile Apps</li>
<li class="mt300 mt0-ns">Includes 10 Social Profiles</li>
</ul>
</div>
</div>
</div>
<div class="flex-auto pa300 w-33p-l w-50p-m mw500-ns">
<div class="PricingBox PricingBox--featured shadow400-ns bg--background px400">
<div class="PricingBox-header flex items-center justify-center-ns justify-between tl tc-ns icon _after _arrow js-click-boxheader">
<div>
<h2 class="f700">Corporate</h2>
<h3 class="c--neutral-500 f200 mt0 tts">$149 per user/month</h3>
</div>
</div>
<div class="mt400">
<a href="https://local.app.sproutsocial.com/signup/start/corporate_v6" class="button _large _block js-gaq" data-gaq-category="Pricing - Top"
data-gaq-label="Trial - Team">Start Your Free Trial</a>
<p class="fineprint tc c--neutral-500">
No credit card required
<span id="demo-request-link-team" class="SL_swap pricing-box-requestdemo team">
•
<a class="js-gaq" href="//localhost:3000/demo/?plan=Team" data-gaq-category="Pricing - Top"
data-gaq-label="Request Demo - Team">Request Demo</a>
</span>
</p>
</div>
<div class="PricingBox-content">
<h4 class="f300 bb b--neutral-200 mb400 py400">
Powerful tools for social business.</h4>
<ul class="PricingBox-features f300 list pl0">
<li class="c--text-dark f200 fw-semibold tts">+ Includes all Premium Features</li>
<li class="mt300 mt0-ns">Tag, Categorize & Report on Inbox Messages</li>
<li class="mt300 mt0-ns">Trends & Engagement Reports</li>
<li class="mt300 mt0-ns">Team & Productivity Reporting</li>
<li class="mt300 mt0-ns">Approval Workflow & Audience Targeting</li>
<li class="mt300 mt0-ns">Campaign Tagging & Reporting</li>
<li class="mt300 mt0-ns">Competitive Benchmark Reporting</li>
<li class="mt300 mt0-ns">Advanced Social Listening Suite Available</li>
<li class="mt300 mt0-ns">Includes 15 Social Profiles</li>
</ul>
</div>
</div>
</div>
<div class="flex-auto pa300 pt500-ns w-33p-l w-50p-m mw500-ns">
<div class="PricingBox bg--background py500 px400">
<div class="PricingBox-header flex items-center justify-center-ns justify-between tl tc-ns icon _after _arrow js-click-boxheader">
<div>
<h2 class="f700">Enterprise</h2>
<h3 class="c--neutral-500 f200 mt0 tts">$249 per user/month</h3>
</div>
</div>
<div class="mt400">
<a href="https://local.app.sproutsocial.com/signup/start/enterprise_v6" class="button _large _block js-gaq" data-gaq-category="Pricing - Top"
data-gaq-label="Trial - Enterprise">Start Your Free Trial</a>
<p class="fineprint tc c--neutral-500">
No credit card required
<span id="demo-request-link-team" class="SL_swap pricing-box-requestdemo team">
•
<a class="js-gaq" href="//localhost:3000/demo/?plan=Enterprise" data-gaq-category="Pricing - Top"
data-gaq-label="Request Demo - Enterprise">Request Demo</a>
</span>
</p>
</div>
<div class="PricingBox-content">
<h4 class="f300 bb b--neutral-200 mb400 py400">
Advanced tools for social business at scale.</h4>
<ul class="PricingBox-features f300 list pl0">
<li class="c--text-dark f200 fw-semibold tts">+ Includes all Corporate Features</li>
<li class="mt300 mt0-ns">Advanced Customer Care Tools & Reports</li>
<li class="mt300 mt0-ns">Advanced Keyword Report</li>
<li class="mt300 mt0-ns">Build Custom Chatbots with Automation Tools</li>
<li class="mt300 mt0-ns">Custom URL Tracking</li>
<li class="mt300 mt0-ns">Store Media in a Shared Asset Library</li>
<li class="mt300 mt0-ns">Report Builder & Scheduled Report Delivery</li>
<li class="mt300 mt0-ns">Advanced Social Listening Suite Available</li>
<li class="mt300 mt0-ns">Includes 20 Social Profiles</li>
</ul>
</div>
</div>
</div>
</div>
</section>
/* No context defined for this component. */
@import "../../../node_modules/tachyons-sass/scss/variables";
.PricingBox-header {
&.icon::after {
display: block;
transform: rotate(90deg);
}
}
.PricingBox-content {
height: 0;
overflow: hidden;
opacity: 0;
transition: opacity $transition-time-default $transition-out-default;
}
.PricingBox.is-open {
.PricingBox-header {
&.icon._after::after {
transform: rotate(-90deg);
}
}
.PricingBox-content {
height: auto;
opacity: 1;
transition: opacity $transition-time-default $transition-in-default $transition-time-200;
}
}
@media #{$breakpoint-not-small} {
.PricingBox-header {
cursor: pointer;
&.icon::after {
display: none;
}
}
.PricingBox-content {
height: auto;
opacity: 1;
}
.PricingBox.PricingBox--featured {
@include Elevation(Sidebar);
padding-top: (Space(600) + Space(400));
padding-bottom: (Space(600) + Space(400));
}
/* We need a better way to deal with this than to clutter the dom with
* incorrectly used hr tags. If we need to use this pattern elsewhere we
* need to find a better way to do this. */
.PricingBox-content .list li + li::before {
display: block;
width: 50%;
height: 0;
margin: Space(300) auto;
border-top: 1px solid get-color(neutral, 200);
content: "";
}
}
There are no notes for this item.