Campaign Management Website Development with Elementor

The client hired Capital Numbers to build this campaign management platform. He trusted us and wanted us to create this platform from scratch.

However, the client wanted this platform built with the Elementor page builder. The client chose Elementor over WordPress because Elementor helps make web page changes without requiring code. On the other hand, making design changes in WordPress involves code. As a non-techie, our client, therefore, preferred Elementor.

He was looking for a vendor to use the Elementor framework and make necessary customizations. This was when he got in touch with Capital Numbers.

He had us on board because we were adept with the Elementor page builder. He also chose us because we had the proficiency to override Elementor properties to customize web pages. He engaged with us to develop 12 web pages, allotting us 180 hours for the tasks.

Looking at the unique project needs, Capital Numbers brought together one Elementor expert to take care of the frontend and one WordPress developer to handle the backend.

The client had the page graphics and content ready. So, we started using Elementor’s drag-and-drop feature to style the web pages. The drag-and-drop feature helps add themes, colors, templates, and fonts. So, we adjusted these elements as per our client’s needs. Elementor also has 90+ widgets for adding pricing tables, shortcodes, contact forms, accordions, custom blogs, etc. So, we used these widgets to make the necessary adjustments.

But there was a catch. The client had asked for specific customizations, which Elementor didn’t support. So, our backend WordPress expert had to come into play. He had to skillfully integrate custom code in the backend to reflect all customizations on the frontend interface.

For example, we designed the pricing table using custom CSS and HTML code. It wasn’t easy to overrule Elementor’s core elements to write custom code, but we did it successfully to meet our client’s needs. We created three pricing plans with customizable headings, features, and pricing data. We also used CSS code to create a feature comparison table for users to see which pricing plan is their fit. Although the table had to be lengthy and full of data, we ensured we didn't clutter the interface.

We also found that the pre-built Elementor properties would keep the blog section static. So, we overruled the existing properties and used JavaScript functions in the backend to make the blogs dynamic.

As for the database solution, we used MySQL. We chose MySQL because of its outstanding data protection and scalability.

Once we made all the integrations and customizations, we conducted thorough manual and functional tests in our local dev environment before delivering everything to our client.

Overriding Elementor properties to make so many customizations was a challenge. But Capital Numbers did a great job at that. Using the Waterfall method, we completed and delivered this project before the specified time.

Here’s more on the final results.