Mudassar Shakeel is a skilled professional in WordPress, Elementor, Divi, Crocoblock, Shopify, Digital Content Writer and SEO, operating as a freelancer. Additionally, he is the Owner & Founder of Mc Starters (SMC-PRIVATE) LIMITED and Listingsbiz.com
Step 2: Check your Gmail inbox and verify your Email.
Create Covid-19 Widget
Step 3: Under the Application tab. Search Covid and then click on coronavirus Stats widgets
Step 4: Select Coronavirus Statistics Templates
Step 5: Setup other settings here like color, Choose country, features country, etc.
Step 6: Copy the Widget Code for adding to the website
Add Coronavirus Stats widget to Website
Step 7: Create Page and add html block in gutenberg and html widget in Elementor
Step 8: Final View Live Page
Watch Video
I hope you successfully Display COVID-19 Live Statistics On the WordPress Website. If you face any problem then please click on live chat and discuss problems.
Did you find the guide about of Elementor header & footer builder plugin? What is Elementor Header how it works?
Creating and Customizing a header is harder if you are a beginner or you don’t do CSS coding. So, that is why the Brainstorm Force team makes it easy for you to use Elementor page builder with the Elementor Header & Footer Builder plugin.
Elementor header Footer Builder
Elementor Header & Footer Builder is a free WordPress plugin that integrates seamlessly with the Elementor page builder, allowing users to create custom headers, footers, and blocks using Elementor’s intuitive visual editor.
Elementor Header & Footer Builder is a remarkable WordPress plugin that seamlessly integrates with the immensely popular Elementor page builder. It revolutionizes the way website owners and designers approach the creation of headers, footers, and blocks. With this plugin, you’re no longer confined to the limitations of your theme’s default header and footer options.
Core Features of Elementor Header & Footer Builder Plugin:
Getting Started with Elementor Header & Footer Builder
Here are the steps to get started with Elementor Header & Footer Builder:
Step 1: Search and install “Elementor Header & Footer Builder” from WordPress plugins.
Step 2: Go to “Appearance” > “Elementor Header & Footer Builder” to add a new header/footer/block.
Step 3: Customize your template with Elementor’s drag-and-drop editor.
Step 4: Choose where your template will appear (specific pages or site-wide).
Step 5: Once done, publish your design and enjoy the revamped header/footer on your site.
Watch Video:
Conclusion: What is Elementor Header & Footer Builder?
Elementor Header & Footer Builder empowers WordPress users to break free from the constraints of traditional header and footer design. With its intuitive visual editor, extensive customization options, and seamless integration with Elementor, creating stunning headers and footers has never been more accessible.
Frequently Asked Questions
How do I change the header and footer in WordPress Elementor for free?
To change the header and footer in WordPress using Elementor for free, you can utilize the “Elementor Header & Footer Builder” plugin. This plugin allows you to create custom header and footer templates using the Elementor visual editor. Simply install and activate the plugin, then navigate to the plugin settings under “Appearance” in your WordPress dashboard. From there, you can create new header and footer templates and customize them to your liking using Elementor’s drag-and-drop interface.
How do I add a header to my Elementor site?
Adding a header to your Elementor site follows a similar process. With the “Elementor Header & Footer Builder” plugin installed and activated, you can create a new header template and design it using Elementor. Once you’ve customized your header, you can set it to appear on your site using the plugin’s display settings.
How do I create a custom header in WordPress for free?
Creating a custom header in WordPress for free is made easy with the “Elementor Header & Footer Builder” plugin. By accessing the plugin settings under “Appearance,” you can create a new header template and design it to match your website’s branding and style. Elementor’s intuitive visual editor allows you to easily customize the layout, colors, fonts, and other elements of your header to create a unique look for your site.
How do I make a sticky header in Elementor for free?
Making a sticky header in Elementor for free can be achieved directly within the Elementor editor. Simply select the header section you want to make sticky, navigate to the “Advanced” tab in the settings panel, and toggle on the “Sticky” option. This will make the header stick to the top of the page as users scroll down, providing easy access to navigation and other important elements of your site’s header.
Elementor is the latest & free WordPress drag-and-drop editor, that helps you create amazing WordPress websites in less time.
The key feature is that you can design a website with limitless possibilities. It includes dozens of useful widgets, a stunningly designed template library, a unique mobile editing toolset, and a visual revision history feature. These are just some of the features available for you in this free plugin.
Elementor is a revolutionary drag-and-drop page builder plugin for WordPress. It enables users to create stunning websites with ease, without the need for any coding knowledge. Launched in 2016, it has rapidly grown to become one of the most widely used WordPress plugins, boasting a community of millions of users worldwide.
User-Friendly: Elementor’s drag-and-drop interface makes website design effortless for users of all levels.
Design Flexibility: Customize templates and elements to create a unique website tailored to your brand.
Speed and Performance: Optimized for fast loading times, ensuring a seamless user experience.
Community Support: Access extensive documentation and forums for assistance and inspiration.
Constant Innovation: Stay up-to-date with regular updates and new features to enhance your website.
In short, it empowers you to design a professional-looking website quickly and easily. Try it out and unlock the full potential of your WordPress site!
What Can You Build With Elementor?
With Elementor, the possibilities for what you can build on your WordPress website are virtually limitless. Here are just a few examples of what you can create using Elementor:
Stunning Landing Pages: Craft visually appealing landing pages to capture leads, promote products, or highlight special offers.
Dynamic Blog Layouts: Design engaging blog layouts with customizable post grids, featured images, and interactive elements to keep readers coming back for more.
Customized Homepages: Create unique homepage layouts that showcase your brand identity, mission, and key offerings in a captivating way.
Interactive Portfolios: Showcase your work or projects with beautifully designed portfolio layouts featuring galleries, sliders, and filterable categories.
E-commerce Websites: Build professional online stores with Elementor’s integration with popular e-commerce plugins like WooCommerce. Design product pages, category pages, and checkout forms to provide a seamless shopping experience for your customers.
Personal and Business Websites: Whether you’re a freelancer, consultant, small business owner, or a large corporation, it allows you to create custom websites that reflect your brand personality and effectively communicate your message to your target audience.
Event Pages: Design event pages for conferences, workshops, or webinars with Elementor’s customizable templates and event-specific elements like countdown timers, registration forms, and speaker bios.
Membership Sites: Create membership sites with exclusive content and member-only areas using Elementor’s compatibility with membership plugins.
FAQ Pages: Design visually appealing FAQ pages to provide answers to common questions and improve user experience.
Contact Pages: Customize contact forms, maps, and contact information sections to encourage visitors to contact you.
Whether you’re a blogger, entrepreneur, marketer, or web designer, it provides the tools to bring your creative vision to life on your WordPress website.
How Does Elementor Work?
At its core, Elementor empowers users to design and customize their websites visually, using a simple and intuitive interface. The plugin seamlessly integrates with WordPress, allowing users to create and edit their pages directly from the front end of their website.
With Elementor, you can:
Drag and Drop Elements: It provides a vast library of pre-designed elements, such as text, images, buttons, videos, and more. Users can simply drag these elements onto their page and customize them to fit their design vision.
Customize Styles: From fonts and colors to spacing and alignment, it offers extensive styling options to ensure that every aspect of your website matches your brand identity.
Responsive Editing: With the rise of mobile browsing, responsive design is more important than ever. it makes it easy to create mobile-friendly websites by allowing users to adjust the layout and styling for different screen sizes.
Template Library: Whether you’re building a landing page, a portfolio, or an e-commerce site, it provides a vast collection of pre-designed templates to kickstart your design process. These templates can be easily customized to suit your specific needs.
Advanced Features: Beyond its basic functionality, it offers a range of advanced features such as custom CSS, revision history, and integration with third-party tools and services.
How to install Elementor Website Builder
To install Elementor Website Builder, you typically follow these steps:
Optional: Install Elementor Pro (if applicable): If you have purchased Elementor pro, you can install it similarly to the free version by following the same steps. it offers additional features and functionality beyond the free version.
Step 5: Start Building
Now that it is installed and activated, you can start using it to design and build your website. You can create new pages or edit existing ones using Elementor’s intuitive drag-and-drop interface.
That’s it! You’ve successfully installed Elementor Website Builder on your WordPress site.
Why Choose Elementor?
The appeal of it lies in its simplicity and flexibility. Whether you’re a seasoned developer looking to streamline your workflow or a beginner eager to dive into web design, it offers a user-friendly solution that caters to all skill levels.
Here are some reasons why Elementor has become the go-to choice for WordPress users:
Ease of Use: Elementor’s intuitive drag-and-drop interface makes it easy for anyone to create professional-looking websites, regardless of their technical expertise.
Speed and Performance: Unlike some page builders that can slow down your website, it is optimized for speed and performance, ensuring that your site loads quickly and efficiently.
Community and Support: With a vibrant community of users and developers, it offers extensive documentation, tutorials, and support forums to help you get the most out of the plugin.
Constant Innovation: The team behind it is committed to continuously improving and enhancing the plugin, with regular updates and new features being rolled out to keep pace with the latest web design trends.
Conclusion: What is Elementor?
Elementor has revolutionized the way we build websites on WordPress, empowering users to create stunning designs with ease. Whether you’re a freelancer, a small business owner, or a large enterprise, it offers powerful tools to bring your creative vision to life.
So, if you’re looking to take your WordPress website to the next level, why not give it a try? With its user-friendly interface, extensive feature set, vibrant community, and constant innovation, it truly stands out as the ultimate WordPress page builder.
Frequently Asked Questions
Is Elementor free?
Yes, it offers a free version with basic features and a paid version with advanced functionality and premium support.
Is Elementor good or bad for SEO?
It doesn’t directly impact SEO, but its features, clean code, and speed optimization can positively influence rankings. However, excessive use of JavaScript or heavy elements could potentially slow down the site, impacting SEO negatively if not managed appropriately.
Do you want to install theme through hosting Cpanel?
Now let’s manually install a theme inside the WordPress dashboard. If we go to appearance and then themes we see which themes we currently have installed. We have Hello and the Hello child theme and that’s it we’re going to add another one manually.
You can add them more simply by clicking on “Add New” and choosing a theme from here to install by clicking on Install. You can upload a theme as well as a theme you’ve downloaded previously that you have on your hard drive files.
Install Theme Through Hosting Cpanel
The manual way we do through our hosting account so if we go over to ThemeForest. Let’s say we bought a theme here and it’s an Avada because I’ve bought that one in the past.
Step 1: I go to my downloads section. Click on download and then installable WordPress files only and that will download the zip file to my hard drive.
Step 2: Now I have to login into my hosting account and most hosts that host WordPress or Cpanel. So you more than likely have a Cpanel account inside of your Cpanel account, If you have something called file manager your account may not look like this.
But it should have all the same links and all the same options inside your Cpanel account.
If you cannot find a file manager go to view and just type in right up here file manager. It should highlight it and bring it to the spot on the page where that file manager link exists.
Step 3: When you’ve found it click on it that will open the files for the site will likely either open here or in the public_HTML.
Step 4: So yours probably looks a bit different but might be a lot cleaner at a very minimum you’re going to have these three folders wp-admin, wp-content wp-includes, and then a bunch of files down below to get a theme installed on our site,
Step 5: We have to go to wp-content and then go to themes and here we see the two themes we saw a moment ago hello-child and hello theme. If you click on those we see all the files associated with those themes and the child themes are often much more simple than the parent themes.
Step 6: So now we’re in the themes folder this is where we can upload the files. Let’s click on upload then let’s choose to select the Avada theme file. It’s gonna start uploading immediately. Now When the uploading is complete then we can close this page.
Step 7: We come back out here to our theme folder and click on reload. We see our zip file right here this theme is not yet installed through. We unzip it to right-click on the file and click on extract. Now again click on refresh.
Step 8: Now we see our Avada folder right here double click into there and it shows all the Avada theme files. We can delete this zip file now we do not need that skip the trash and delete the zip file permanently. Make sure you don’t delete anything else.
Step 9: Now if we go back into our themes folder and go to the appearance then themes we now have Avada as an option right here.
Step 10: If you want to activate that theme then simply click on activate and now we have the Avada theme as our active theme.
Conclusions: Install theme through hosting Cpanel.
In conclusion, installing a theme through hosting cPanel involves accessing the File Manager, uploading the theme files to the appropriate directory, and activating the theme within the WordPress dashboard. This process allows for seamless customization and enhancement of your website’s appearance and functionality.
In this post, you learn how to install the theme using Cpanel hosting. I hope you enjoy this post.
Frequently Asked Questions
How do I import a theme into cPanel?
To import theme into Cpanel you to login into Cpanel. Go to the File Manager. Move to the website directory root and locate /wp-content/themes/ folder. upload theme file and Extract the theme files, Done
Do you want to submit support ticket on Upwork as a client and freelancer?
Are you facing a technical issue, have a question about your account, or need assistance with a dispute on upwork? Don’t worry; you’re not alone. Upwork understands that its users may encounter various challenges while navigating the platform, which is why it offers robust support services, including the option to submit support tickets online.
In this guide, we’ll walk you through the process of submitting a support ticket on upwork, step by step.
Why Submit a Support Ticket on Upwork?
Before we dive into the “how,” let’s quickly touch upon the “why.” upwork’s support ticket system is designed to provide users with personalized assistance for a wide range of issues, including:
Technical glitches or bugs.
Account-related inquiries or concerns.
Payment and billing issues.
Disputes with clients or freelancers.
General questions about upwork’s features and policies.
Whether you’re a freelancer or a client, submitting a support ticket can be instrumental in resolving your concerns promptly and efficiently.
How Do I Submit Support Ticket Upwork Online?
Here is a step-by-step guide to submitting a ticket to Upwork online.
Step 2: After logging in, click on the link “Contact Support” to submit a support ticket.
Step 3: Now click on client tab and Choose the “Chat with upwork” button.
Step 4: Now you see the upwork chatbox open. Here, you can describe your issue.
Step 5: After your message, upwork generates a support ticket and sends it to your email inbox. You can also view the ticket on the Support Requests page.
Depending on the nature and complexity of your issue, resolution times may vary. However, upwork strives to address support tickets promptly and efficiently to ensure a positive user experience.
Conclusions
Submitting a support ticket on Upwork is a straightforward process that allows users to seek assistance for various issues they may encounter while using the platform. By following the steps outlined in this guide and providing clear and concise information about your problem, you can increase the likelihood of a swift resolution.
Frequently Asked Questions
How do I raise my support ticket on Upwork?
To raise a support ticket on upwork, login, visit the Help & Support section, and click on “Submit a Request” or “Contact Support.” Fill out the form with your issue details and submit it to upwork’s support team.
How do I send a message to Upwork support?
To send a message to upwork support, log in to your account, access the Help & Support section, and find the option to contact support directly. Compose your message explaining your issue and send it to upwork support for assistance.
How do I submit a file to Upwork?
To submit a file to upwork, after composing your message or filling out the support form, look for an option to attach files. Click on it, select the file you want to submit from your computer, and then submit your ticket, message, or form as usual.
How can freelancers send contract proposals to clients who aren’t on Upworks yet?? What should you do accept and fund a direct contract after receiving a contract via email?
Through Direct Contracts, you can craft and dispatch contract proposals to clients who haven’t joined upwork. Similar to your existing contracts on upwork, these proposals can be either fixed-price or hourly contracts. You’ll initiate the invitation process by sending an email to your client. Should your client choose to accept your invitation, they’ll be required to establish an Upwork account and approve your proposal.
With Direct Contracts, you can work easily with over 100 independent clients from different countries. Upworks provides many support features like an escrow service and secure payments.
Direct Contracts with Clients
What are Direct Contracts?
Direct Contracts on Upwork allow freelancers to invite clients who do not have an account to collaborate on projects within the platform. This feature provides freelancers with the opportunity to benefit from reduced freelancer service fees while offering clients the advantages of Upwork’s escrow protection, streamlined contract management, and dispute resolution support.
How Direct ContractsWorks:
Inviting Clients: Freelancers can create and send contract proposals to clients via email. Clients who wish to accept the invitation must create an account and agree to the proposed contract terms.
Contract Initiation: Once a client signs up for it and accepts the proposal, the contract operates similarly to other Marketplace contracts. However, freelancers pay a reduced freelancer service fee of 5% on the earnings from Direct Contracts.
Ongoing Management: Freelancers can monitor pending contracts on the Direct Contracts page. After a client accepts a contract, it appears on the freelancer’s All Contracts page. To continue benefiting from the reduced service fee, freelancers must initiate future contracts with the same client through the Direct Contracts page.
It charges a service fee to freelancers based on their lifetime billings with a specific client. Here’s how the Upwork direct contract fee structure typically works:
Contract initiation fee: Up to $9.95 per contract.
Marketplace fee: 5% of the value of the contract if paid with a card or PayPal. If eligible to use a bank account, the fee is reduced to 3%.
For example:
If the contract value is $100 USD and paid with a card or PayPal, the marketplace fee would be $5 USD.
If the same contract is paid with a bank account, the marketplace fee would be $3 USD.
These fees are subject to change, so it’s always advisable to refer to Upwork’s website or contact Upworks support for the most current fee structure and any updates.
Accept and Fund a Direct Contract
Fellow step-by-step guide to accepting and funding a direct contract.
Freelancer Send Contract
Step 1: Freelancers will send you Direct Contracts via email. With the key information, including the contract amount, title, description, and contract type.
Client check email to view contract
Step 2: The contract email from Upwork includes important contract details, such as your freelancer’s name. You will have the option to either Accept and Fund Contract or Decline.
Note: For security reasons, we request that you confirm your email with a brief 6-digit code before proceeding with the complete review.
Accept and Fund Contract
Step 3: After reviewing the complete contract details, kindly sign up for an Upworks account to accept the contract. Fill in your name or company name, tagline, description, and website URL (please refrain from including email addresses, phone numbers, or chat IDs). Next, you can sign and accept the contract to get started.
You will have the option to either Accept and Fund Contract or Decline.
Client Enter Billing details
Step 4: Enter the billing method for funding. Upworks accepts payments via PayPal and credit cards. If you are based in the U.S., you may also be eligible to utilize a bank account for payment. Select your preferred method to proceed.
Contract Start
Step 5: Congratulations! Both you and your freelancer will receive confirmation emails from Upwork, and your contract will officially begin.
Step 6: Now when work is done, freelancers send payment request and client approve it by click on email.
Conclusions: Accept and Fund a Direct Contract
To accept and fund a direct contract, thoroughly assess its cost-effectiveness, quality, expertise, and alignment with organizational goals. Document the decision-making process transparently, communicate it effectively, and establish monitoring mechanisms to ensure successful implementation and adherence to contractual obligations.
Frequently asked questions
Can I start more contracts with my freelancer after I accept their DIrect Contract invitation?
Yes, you can start more contracts with your freelancer after accepting their Direct Contracts invitation. However, it’s important to note that the freelancer who invited you to Direct Contracts needs to initiate all your contracts together to receive discounted freelancer service fees. If you wish to work with other freelancers on Upworks, you’ll need to initiate those contracts separately by posting a job or making a direct offer to them.
What’s the cost for clients to use Upwork’s Direct Contracts?
The cost for clients to use Upwork’s Direct Contracts includes: Contract initiation fee: Up to $9.95 per contract. Marketplace fee: 5% of the value of the contract if paying with a card or PayPal. If eligible to pay with a bank account, the fee is reduced to 3%.
Do I log time for Direct Contracts in the Time Tracker?
Yes, you’ll log time for Direct Contracts in the Time Tracker, just like for other contracts.
Can the client submit feedback for this contract?
Yes, you and your client can share feedback on Direct Contracts.