Marketing Service Plans

Monthly billing
Annual billing
Growth Plan
$
$650
Per Month
This plan is designed for small businesses that are looking to establish their online presence and drive growth.
Services Include:
  • Search Engine Optimization (SEO):
    Improve your website's visibility on search engines to increase organic traffic.
  • Social Media Management: Create and manage social media accounts (2 platforms) to engage with your audience and increase brand awareness.
  • Content Creation: Develop high-quality blog posts (5 per month) to attract and educate your target audience.
  • Email Marketing: Design and send monthly newsletters to your subscriber base (up to 1,000 contacts).
  • Fast customer service via email support 
Business Plan
$
$850
Per month
This plan is designed for small to medium sized businesses ready to take their marketing efforts to the next level.
All services from the Growth Plan, plus:
  • Pay-Per-Click Advertising (PPC): Set up and manage Google Ads campaigns to drive targeted traffic to your website.
  • Social Media Advertising: Run targeted ads on social media platforms to reach a wider audience and generate leads.
  • Conversion Rate Optimization (CRO): Analyze and optimize your website's user experience to increase conversions.
  • Monthly Analytics and Reporting: Provide detailed reports on website performance, campaign results, and key metrics.
  • Fast chat and email support
Enterprise Plan
$
$1650
Per month
This plan is the ultimate solution for businesses who are ready to unleash the full potential of their marketing efforts.
All services from the Growth and Business Plans, plus:
  • Content Marketing Strategy: Develop a comprehensive content marketing strategy tailored to your target audience.
  • Influencer Marketing: Identify and collaborate with relevant influencers to promote your products or services.
  • Remarketing: Implement remarketing campaigns to re-engage visitors who have previously visited your website.
  • Marketing Automation: Set up automated email sequences and workflows to nurture leads and drive conversions.
  • Fast chat and email & phone support

Watch how to Setup

Set up

1. Add this Code before closing /body tag

	
   <script>
   
   $(document).ready(function () {
	var clicknum = 0;
   $('#packageSwitch').click(()=>{
  	clicknum++;
  	if(clicknum % 2 ===0){
    	$('.number').each(function () {
        var $this = $(this),
            countTo = $this.attr('data-month');

        $({ countNum: $this.attr('data-year') }).animate({
            countNum: countTo
        },
            {
                duration: 500,
                easing: 'linear',
                step: function (now) {
                    $this.text(Math.round(now.toFixed(2)));
                },
                complete: function () {
                    $this.text(this.countNum);
                }
            });
    });
    }
    else{
    	$('.number').each(function () {
        var $this = $(this),
            countTo = $this.attr('data-year');

        $({ countNum: $this.attr('data-month') }).animate({
            countNum: countTo
        },
            {
                duration: 500,
                easing: 'linear',
                step: function (now) {
                    $this.text(Math.round(now.toFixed(2)));
                },
                complete: function () {
                    $this.text(this.countNum);
                }
             });
         });}
      });
    });
    
   </script>
  

2. Set up the toggle switch

Go ahead and add an ID = "packageSwitch" to the Toggle switch.

This code is a JavaScript script that uses the jQuery library. It sets up an event listener for a click on an element with the ID "packageSwitch" and defines what should happen when that element is clicked.

3. Set up Attributes to the pricing number

Add these attributes to the Pricing number of the build
(you have to add both attributes )

Name=data-month
Value= (your monthly pricing here)

Name=data-year
Value= (your yearly pricing here)

In this code, the "data-month" and "data-year" attributes are used to store numeric values that are used in the jQuery animation. When the user clicks on the "packageSwitch" element, the script reads the values of these attributes for all elements with the "number" class, and then animates the displayed value of those elements from "data-year" to "data-month" or from "data-month" to "data-year", depending on the value of the "clicknum" variable.

4. Add the webflow animaiton to the switch

Add the toggle switch animation from the interaction pannel in the designer.

This is a simple and basic webflow interection which targets the circle to move and make the animation happen. Also it effects the changing of the buttons too, so that you can put different links to the buttons while changing from monthly to yearly plane.

Ready to start working on your next big idea?

Get in touch
Preferences

Privacy is important to us, so you have the option of disabling certain types of storage that may not be necessary for the basic functioning of the website. Blocking categories may impact your experience on the website. More information

These items are required to enable basic website functionality.

Always active

These items are used to deliver advertising that is more relevant to you and your interests.

These items allow the website to remember choices you make (such as your user name, language, or the region you are in) and provide enhanced, more personal features.

These items help the website operator understand how its website performs, how visitors interact with the site, and whether there may be technical issues.

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.