Growth Plan

(with code)

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.

Made with ❤️ by Pixeto.co

This plan includes our:

Essential online Presence & Growth Strategy

‍

1. Search Engine Optimization (SEO):

Our SEO experts will delve into comprehensive keyword research, uncovering terms and phrases that not only align with your business offerings but also possess high search volumes and relevance to your target demographic, ensuring that your web pages are optimized to appear in front of the right audience.
‍
On-Page Optimization will be meticulously executed, with adjustments made to meta tags, headings, content, and internal linking structures to enhance search engine visibility and user experience, boosting the potential for higher rankings.
‍
A detailed website audit will kick off the campaign to identify technical issues, user experience improvements, and content gaps, followed by a regular cadence of content optimization and performance analysis that allows us to refine strategies and ensure your website excels in search rankings.
‍

2. Social Media Management:

Account Setup and Optimization involves creating and configuring your social media profiles to align with your brand identity, utilizing optimal practices for profile imagery, bio information, and initial content strategies to foster a professional and engaging online presence.
‍
Content Creation services are tailored to craft posts that resonate with your audience, incorporating visual and textual elements designed to spark engagement, increase brand awareness, and encourage sharing, thus expanding your digital footprint.
‍
Our team will actively manage community engagement, ensuring that your brand is responsive and present in conversations, while also employing social media analytics tools to monitor performance metrics, refine content strategies, and deliver insights into audience behavior and preferences.
‍

3. Content Creation:

We will produce authoritative and engaging blog content that positions your brand as a thought leader, tapping into industry insights and customer pain points to deliver value, drive organic traffic, and encourage shares and backlinks.
‍
A strategic content calendar will be developed to ensure regular publication of content, enabling us to plan for seasonal topics, promotional events, and key industry dates, thus maintaining a consistent and relevant narrative for your audience.
‍
Every piece of content will undergo rigorous optimization for SEO to enhance discoverability, alongside professional proofreading and editing to uphold high-quality standards and ensure your brand's message is communicated effectively and error-free.
‍

4. Email Marketing:

Our design team will craft visually appealing and mobile-responsive email newsletter templates that reflect your brand's aesthetics, are user-friendly, and encourage subscribers to take action, whether it's visiting your website or taking advantage of a promotion.
‍
Subscriber list management will include segmentation strategies to deliver targeted and personalized content to different audience groups, enhancing the relevance of communications and boosting engagement rates.
‍
We will develop and distribute engaging email content on a monthly basis, tracking how subscribers interact with each campaign through detailed analytics, and using these insights to continuously refine our approach and drive better results in terms of open rates, click-throughs, and conversions.

Through these comprehensive services, the Growth Plan is formulated to build a robust online presence for your business, ensuring a solid foundation for digital success and long-term growth.

Please note that the feature details provided above are general and can be customized based on your specific requirements and objectives. It's recommended to have a detailed discussion with our team to define the scope of work and receive a tailored proposal for your project.

‍

THE

CIRCLE