WooCommerce and WordPress

WooCommerce WordPress Ecommerce Development

by with No Comment WooCommerceWordPress

What is WooCommerce?

WooCommerce is a free WordPress ecommerce development plugin that allows you to start selling your products and services online quickly and can be set up with just a few clicks. WooCommerce is can be fully customizable to sell things like fitness class fees to all your products and services. You can integrate with numerous payment gateways that are already set up for your to install. You can also run your store from the WooCommerce mobile app.

WooCommerce Plugin Features

The greatest feature about the WooCommerce plugin is that it is 100% free to use. There is no hidden costs for selling your products. If you have 1 product to a million, it’s free to sell. There are also over 60 payment plugins you can integrate with your new online store. Some are free and some you have to pay for. Typically integrating payment gateways like Authorize.net or Skyverge charge a yearly fee for the plugin which does include 1 year worth of support and updates. Plugins like WooCommerce Payments, Stripe, PayPal and Affirm, are all free to use. You only pay their standard processing charge once you process a payment. You can also use the marketing portion of Woocommerce to create usable coupon codes and offer your customers discounts on their first order or any order.

There are also a lot of other plugins that you can integrate with your new WordPress ecommerce store like Constant Contact, MailChimp and shipping plugins for UPS, FedEx, USPS as well as applications like ShipStation.

The possibilities are endless with one of the best free plugins for your business to start selling online!

What Capo Web Design can do for You?

We have used our ecommerce development to build numerous WooCommerce online stores in the United States and Canada. Contact us today for some more examples of what we can do for you today.

WordPress and what it can do for you

WordPress and What it Can Do For You

by with No Comment WordPress

What is WordPress?

WordPress is a free and open-source content management system (CMS) written in PHP and is paired with a MySQL or MariaDB database. WordPress Development features include themes which are used as the overall look and feel of the website and plugins which allows you to add numerous levels of functionality to your website.

WordPress is used to power almost 40% of the internet and is on a 5% rise year to year. There are more than 64 million WordPress websites on the internet and over 600+ go live each and every day.

What are WordPress Themes?

WordPress users may install themes or code one themselves. Themes allow users to change the look and functionality of a WordPress website without altering any code. You must have at least one theme to be present and designed to WordPress standards with structured PHP, valid HTML and CSS.

There are thousands of themes out there and it is important to choose a theme that has a high rating and has been along for a while. You do not want to use a theme and in a month or so find out the developer is no longer updating it and then you have to find a new theme. A few themes I use frequently are Astra, Essentials and Themify. All can be used in connection with a drag and drop builder like Eliminator. I will talk about Elementor which is a plugin next.

What are WordPress Plugins?

A WordPress plugin allows users to extend the features and functionality of a website. WordPress.org has almost 60K plugins available, each one offers different custom features enabling users to customize their sites without altering the sites code. There are also premium plugin which are paid plugins with a yearly fee that offer even more customization. These can all range from plugins that allow you to add catalog or brochure downloads to customizing a site to specific users.

There are some things you have to look out for with having a lot of plugins on a website. Too many plugins can cause your site to be really slow and it can also cause compatibility issues if one plugin does not play well with another.

Capo Web Design and WordPress Development

Capo Web Design inc. has over 12 years experience with WordPress. If you need a custom theme for your site, we can code that. If you need a custom plugin we can code that as well. We have designed and built over 50 WordPress websites for happy customers. Whether it is a blog, website or an ecommerce store, we can do it all for you. Contact us today and find out more.

PHP Hypertext Preprocessor

PHP Hypertext Preprocessor

by with No Comment PHP

What is PHP?

PHP is a recursive acronym for PHP Hypertext Preprocessor. As it is a recursive acronym, the first “p” actually stands for PHP. When first introduced by Rasmus Lerdorf in 1994, it actually meant Personal Home Page tools.

PHP is a server-side back-end scripting language. The code written in the PHP file is executed on the server. The PHP engine on the web server then converts all the code written in PHP to HTML and the resulting web page contains only HTML code when it is sent to the clients web browser. Below is a basic example.

<!DOCTYPE html>
<html>
    <head>
        <title>PHP Example</title>
    </head>
    <body>
        <?php echo 'Hello World'; ?>
    </body>
</html>

The above code is called “Hello World”. The code between the tags is executed on the server by the PHP engine.

What can be Built with PHP? PHP is one of the most popular scripting languages for building a wide range of web-based applications and is used by about 78% of all websites. There are a wide range of applications that can be built with PHP ranging from a simple one page website to a complex ecommerce Content Management System (CMS) system. With WordPress being the most popular CMS system out there, it is no wonder why PHP scripting is so popular.

Capo Web Design Inc. has created numerous WordPress Themes and Plugins for use on website we design and manage. We have also create thousands of websites in the past 12 years ranging from simple websites to complex ecommerce websites. A few of the fun applications we have done can be found right here on our website. One is a random string generator that can be used to create complex passwords and the other is a random number generator when you can put a range of numbers in and it will output a random number between those values. We have also created a simple tip calculator for those that are mathematically challenged. It will output your tip amount and add up your total for you! Contact us today and find out what we can do for you!

The Basics of Hypertext Markup Language HTML

The Basics of Hypertext Markup Language HTML

by with No Comment HTML

What is Hypertext Markup Language (HTML)?

HTML stands for Hypertext Markup Language. It allows you to create and structure sections, paragraphs, headings, links and much more for web pages and applications.

HTML does not have the ability to create a dynamic functionality as it is not a programming language. IT only makes it possible to format web pages.

When we work with HTML, we use simple code structures (tags and attributes) to markup a website. We can create many different sections of a website with tags like below.

<h1>THis is a Heading Tag</h1>
<p>THis is a paragraph tag</p>

The History of HTML

HTML was invented in Switzerland by a physicist  named Tim Berners-Lee. He published the first version of HTML in 1991, consisting of 18 HTML tags. Since then, each new version has come with new tags and attributes (tag modifiers) to the markup. There are now roughly 140 HTML tags, some of which are considered obsolete because they are no longer supported by modern browsers.

Hypertext means a text that contains links to other texts that viewers can access fast. Due to its vast popularity, HTML is considered an official web standard. The HTML specifications are maintained and developed by the World Web Consortium (W3C).

How does HTML Work?

HTML are files that end in .html ot .htm extension. You can view them using any web browser. The browser reads the HTML file and renders its content so that internet users can view it.

The average website includes different HTML pages. Home pages, about pages, contact pages, product pages will all be separate HTML documents.

Each HTML page consists of a set of tags called elements, which you can refer to as the building blocks of page. They create a hierarchy that structures the content into headings, sections, paragraphs and other content blocks. Most HTML elements have an opening and closing tag that use the <tag> </tag> syntax. Below you can see a basic example how HTML elements can be structured

<div>
    <h1>The Main Heading</h1>
    <h2>Sub Heading</h2>
    <p>A paragrpah section</p>
    <!-- an image tag-->
    <img decoding="async" src="" alt="">
    <p>Another paragraph with an anchor tag
        <a href="https://somesite.com" target="_blank" rel="noopener">Hyperlink</a>
    </p>
</div>

    • The first and outer element is a division <div></div> can be used to mark up larger content sections.

    • This example contains a heading <h1></h1>and a subheading <h2></h2>, two paragraphs <p></p>, and an image <img>.

    • The second paragraph includes a link <a></a> with a href attribute that contains a URL destination.

    • The image tag also has two attributes: src for the image path and alt for the image description.

The next set of code is the basic markup for an HTML markup that will render in a browser window.

<!DOCTYPE html>
<html>
    <head>
        <!-- META INFORMATION/STYLESHEET -->
    </head>
    <body>
        <!-- PAGE CONTENT -->
        <div>
            <h1>
                Hello World
            </h1>
        </div>
    </body>
</html>

Without any style added to the code above, it would just show up on a white background and black text that said “Hello World” in the top left corner of the browser page. Just like the image below.

Html Without Style 768X768 1

The below code has just a tiny bit of style attached to it so you can see the difference just a little bit of style can make. I added a background color to the <body> tag of red. For the <h1> tag, I added a color of white, margin from the top of 10% and aligned the text to the center.

<!DOCTYPE html>
<html>
	<head>
		<style>
			body {
				background-color: red;
			}

			h1 {
				color: #ffffff;
				margin-top: 10%;
				text-align: center;
			}
		</style>
	</head>
	<body>
		<div>
			<h1>
				Hello World
			</h1>
		</div>
	</body>
</html>

Html-With-Style