Why Christmas holidays are the ideal time for a website audit

In the run up to the holidays and with business slowing or closing for a period, now is the ideal time to work on your website without disrupting normal operations. A Christmas website audit can address:

• Security Risks: Malicious bots and other threats don’t take a holiday and older, unpatched websites are prime targets. I’ll thoroughly check your WordPress site for vulnerabilities, update plugins, and strengthen security measures.
• Performance Issues: Slow load times, broken links, old-generation image formats or outdated plugins can negatively impact user experience and SEO. I’ll optimise your site for speed and performance so it’s ready to make a strong impression.
• SEO Improvements: An audit can reveal new opportunities to boost lead capture. I’ll identify and recommend SEO optimisations that can give your site a more competitive edge.

What’s included in the audit?

My Christmas website audit includes a comprehensive review of the following key areas to ensure your site is operating at peak performance:

• Security Updates: I’ll review your WordPress installation, plugins and themes for vulnerabilities, applying any necessary updates and configuring advanced security settings. We will ensure you are running on the latest version of PHP if all plugins are compatible and if not, upgrade to the latest suitable version.
• Performance Enhancements: From compressing images to caching recommendations, I’ll optimise your site’s loading speed and overall performance.
• SEO Checkup: A review of your site’s SEO settings and metadata to help improve search visibility.
• User Experience (UX) Review: I’ll go through your site’s design and structure to spot any issues that could impact usability and engagement.

Benefits of an end-of-year audit

Conducting an audit now sets your website up for success in 2025. With a fresh, optimised site, you’ll start the year with improved performance, security, and visibility in search engines. Plus, you’ll be able to make a strong impression on potential customers right from January!

Schedule now

Full Audit: Updates, Fixes and Report

Only £145 (incl. VAT): includes all updates and fixes.

Please enable JavaScript in your browser to complete this form.

Website Email Phone

Name *

Company

Email *

Phone *

Website

If you have more than one website, we'll get those details from you later.

Optimal Completion date *-Fri November 22 (9)Fri November 29 (11)Fri December 6 (9)Fri December 13 (6)Fri December 20 (10)Fri December 27 (8)Fri January 3 (7)

This allows us to plan your audit and updates better. You will, 99.9% of the time receive your finished audit report earlier.

Continue to payment

Featured image by @stadsome.

The post Make the Most of the Christmas Downtime with a Website Audit and Security Update appeared first on The Web Co. Ireland.

Adding citations and references to WordPress posts can be essential for websites that handle academic content or research projects. In this tutorial, you’ll learn how to create a custom citation system in WordPress, complete with tooltips and a reference list, using shortcodes and simple PHP code.

I created this for an open-source project called The Énrí Ó Muirgheasa Project, which documents the author’s research on Irish song and culture, including “Dhá Chéad de Cheoltaibh Uladh” (Two Centuries of Ulster Song). This method makes it easy to manage citations and references across WordPress sites, especially for extensive research or academic blogs.

Step 1: Create a Citation Shortcode

A citation shortcode is ideal for marking references throughout your content, making citations easy to insert and display. We’ll create a shortcode called [cite] to use wherever we need a citation.

// Citation Shortcode
function simplest_citations_cite_shortcode($atts, $content = null) {
    static $cite_count = 0;
    $cite_count++;

    // Store the citation content for tooltip and [citelist] shortcode
    global $citelist;
    $citelist[$cite_count] = $content;

    // Citation link with tooltip data
    $cite_link = '<sup><a href="#cite-' . $cite_count . '" id="cite-link-' . $cite_count . '" class="cite-tooltip" data-tooltip="' . esc_attr($content) . '">[' . $cite_count . ']</a></sup>';
    
    return $cite_link;
}
add_shortcode('cite', 'simplest_citations_cite_shortcode');

This code registers the [cite] shortcode, which keeps track of each citation number in the post and assigns it a unique tooltip.

Usage Example:

Place [cite]Citation text here[/cite] next to the text you want to reference.

Step 2: Create a Citations List Shortcode

Now, let’s create a [citelist] shortcode to output all citations at the end of your content. This will loop through each citation created and display them in an ordered list.

// Citation List Shortcode
function simplest_citations_citelist_shortcode() {
    global $citelist;
    $output = '<ol class="citation-list">';

    foreach ($citelist as $num => $citation) {
        $output .= '<li id="cite-' . $num . '">' . $citation . ' <a href="#cite-link-' . $num . '">[Back]</a></li>';
    }

    $output .= '</ol>';
    return $output;
}
add_shortcode('citelist', 'simplest_citations_citelist_shortcode');

To make this code re-useable, I also had the citations automatically appear after the_content, unless the [citelist] shortcode was used:

// Template Output
function simplest_citations_append_citelist($content) {
    global $citelist;

    // Only add the citations list if there are citations present
    if (!empty($citelist) && strpos($content, '[citelist]') === false) {
        $content .= '<h3>Citations</h3>[citelist]';
    }

    return $content;
}
add_filter('the_content', 'simplest_citations_append_citelist');

This shortcode will create an organized list of references, ensuring that each citation is numbered and easy to navigate.

Step 3: Automatically Append the Citation List

To make this more user-friendly, we’ll add the citation list automatically after the content unless [citelist] is explicitly used in the post.

// Auto Append Citation List
function simplest_citations_append_citelist($content) {
    global $citelist;

    if (!empty($citelist) && strpos($content, '[citelist]') === false) {
        $content .= '<h3>Citations</h3>[citelist]';
    }

    return $content;
}
add_filter('the_content', 'simplest_citations_append_citelist');

This filter checks if citations are present and if [citelist] isn’t used manually; if so, it appends the list with a “Citations” heading.

Step 4: Add Tooltip CSS and JavaScript

For better UX, we’ll style the citations with a tooltip that appears when users hover over them.

/* Tooltip CSS */
.cite-tooltip {
    position: relative;
    text-decoration: none;
    cursor: pointer;
	font-size: 0.8em;
}

.cite-tooltip::after {
    content: attr(data-tooltip);
    position: absolute;
    top: -80px;
    left: 50%;
    transform: translateX(-50%);
    width: max-content;
    max-width: 250px;
    background: rgba(0, 0, 0, 0.8);
    color: #fff;
    padding: 5px 10px;
    border-radius: 5px;
    font-size: 12px;
    display: none;
    z-index: 1000;
}

.cite-tooltip:hover::after {
    display: block;
}

Tooltip JavaScript (jQuery):

(function($) {
    'use strict';

    $(document).ready(function() {
        const citeLinks = $('.cite-tooltip');

        citeLinks.each(function() {
            $(this).on('mouseenter', function() {
                const tooltip = $(this).data('tooltip');
                $(this).attr('title', tooltip);
            });

            $(this).on('mouseleave', function() {
                $(this).removeAttr('title');
            });
        });
    });

})(jQuery);

Download and Extend

This basic plugin structure is a good starting point. You can download it, try it out on your WordPress site, and customize it further as needed. If you’re interested in extending this plugin or have any feedback, feel free to reach out!

The post How to Add Custom Citations and References in WordPress (with Shortcode Tutorial and Free Plugin) appeared first on The Web Co. Ireland.

Navigating Successful Web Development Projects: Key Expectations and Avoiding Scope Creep

Getting started on a web development project is an exciting journey that holds great potential for transforming your business or personal brand and the main goal is almost always to increase sales or generate leads and bookings. Success hinges on clear communication, well-defined expectations and effective project management (more on that later).

This comprehensive (and sometimes messy) guide covers what you should expect from your web developer’s project scope before starting, how to avoid and manage scope creep during the project, and what should be completed before you pop open the Prosecco and sign the project as done.

So, without further ado, this is my developers’ guide for clients when building a new website.

Before the Project Begins: What to Expect from Your Web Developer’s Project Scope

1. Have a Detailed Project Description

I don’t begin putting a scope together until I have spend an hour talking through the project on Google Meets or Zoom. Face to face meetings, even online, can bring out much more information than a phonecall or a few emails with lists. A thorough project scope starts with a clear description of the project, including:

• Project Goals: Define the primary purpose of the website, whether it’s to sell products, generate leads or provide information.
• Target Audience: Identify who the website is aimed at to ensure the design and functionality meet their needs. If you’re working on an academic site we don’t be using huge fonts with video backgrounds. Likewise if you’re a rockstar we’ll keep away from the pastels!
• Key Features and Functionality: Outline specific features needed, such as e-commerce capabilities, contact forms, or booking systems. An important part of our call is how each of these features will work. For example, a contact form could be used for user-submitted content, taking payments via Stripe or just a vanilla contact form.

2. Mark Down Your Deliverables

Your developer should provide a detailed list of deliverables. These can include:

• Design Deliverables: Mockups, wireframes, and final design files. This is not always necessary and a first draft can be provided based in inspiration you have found from other websites while researching.
• Development Deliverables: A list of additional software that has been scoped out that will meet your needs.
• Content Deliverables: A list of Text, images, and other media that developer will require. Consider using Dropbox, WeTransfer or Google Drive and always name images files descriptively.
• Documentation: From the beginning, the developer should begin compiling User guides and documentation for custom features. A finished document should be presented to you during go-live. I have found though that the vast majority of clients much prefer Loom videos.

3. Create a Solid Project Timeline

A realistic timeline is crucial for managing expectations:

• Milestones: Key dates for major deliverables, like first draft, design completion and testing phases.
• Deadlines: Specific deadlines for each project phase.
• Review Periods: Time allocated for you to review and provide feedback.

4. The Project’s Roles and Responsibilities

Clear roles and responsibilities prevent misunderstandings:

• Client Responsibilities: Providing content, feedback, and necessary access to systems. Not having logins to old websites for example, can delay the project by days or even weeks.
• Developer Responsibilities: Designing, developing, testing, and launching the website, plus ongoing support if agreed upon.

5. Define the Scope of Work

Defining the scope of work helps avoid scope creep:

• Inclusions: Tasks and functionalities included in the project.
• Exclusions: Clearly state what’s not included.
• Assumptions: Any assumptions made during planning that could impact the project.

6. Budget and Payment Terms

Transparency about costs and payment terms is essential:

• Total Project Cost: Detailed breakdown of costs, including design, development, and third-party services (particularly were WordPress plugins, Shopify apps or hardware such as POS for retail may be applicable).
• Payment Schedule: Milestone-based payment terms, such as initial deposit and final payment upon completion.
• Additional Costs: Potential extra costs for additional features or changes.

7. Testing and Quality Assurance for your new website

Quality assurance ensures the website functions correctly:

• Testing Phases: When and how testing will be conducted. I always test on dozens of real mobile and tablet devices in top browsers.
• Bug Fixes: Handling and timeframe for fixing identified issues. You will always be informed of any delay in case of unexpected bug fixes.

8. Website Maintenance and Support after launch

Post-launch support is crucial for ongoing success:

• Warranty Period: Period during which issues will be fixed free of charge. At The Web Co., this is standard at three months.
• Ongoing Maintenance: Options for updates, backups, and security checks.
• Support Availability: Developer’s availability for support and response times. We have our own dedicated support system which you will have access to.

Understanding and Avoiding Scope Creep

What is Scope Creep?

Scope creep is very common in the web development industry. This usually happens when the project scope expands beyond its original objectives due to additional features or changes introduced without corresponding adjustments to the timeline, budget, or resources. This can lead to significant delays, increased costs, and frustration for both parties. At The Web Co., we use a fantastic project management system to keep everything on track – you will also have live access to our Monday board.

The Main Causes of Scope Creep

Scope creep can be caused by:

• Unclear Initial Requirements: Vague project goals and deliverables.
  Our initial and post-kick-off call will avoid this.
• Poor Communication: Miscommunication or lack of communication.
  At The Web Co., we’re a bit different to move agencies and I (Robert) have worked with a few. I will schedule a 30-45 minute call each week, but you can still call us at any time with questions. I have found that the more issues I am asked to clarify with a client, the better is it to tweak my approach.
• Stakeholder Influence: Additional inputs or changes requested by stakeholders.

How to Avoid Scope Creep

1. Clearly Define the Project Scope

Start with a well-defined project scope. Some call be a scope fanatic because I am meticulous and for a number of years my main job was working with other agencies re-working their scopes to get products back on track. One agency had my number saved as the firefighter – a role I love . So, how to define a scope clearly:

• Detailed Project Description: Clearly outline goals, objectives, and deliverables.
• Specific Requirements: Document all functionalities and design elements.
• Inclusions and Exclusions: State what’s included and excluded.

2. Effective Communication is key

Maintain regular and transparent communication:

• Regular Updates: Have a weekly call, with a few short ones in between.
• Feedback Mechanism: Establish a clear process for feedback. Each developer uses different tools, but at The Web Co., we’re huge fans of Bugherd.
• Documentation: Keep detailed records of communications and decisions.

3. Implement a Change Control Process

Manage changes systematically:

• Change Requests: Require formal change requests.
• Impact Assessment: Assess the impact of changes (some new functionality may affect existing functionality)
• Approval Process: Ensure changes are approved by both parties.

4. Set Realistic Expectations

Manage expectations from the start:

• Realistic Timelines: Develop realistic timelines.
• Flexible Yet Firm: Your developer will be flexible to minor changes but firm on significant deviations. Large changes, particularly where software is concerned can always be added to a mini-project post-go-live.
• Milestones: Break the project into manageable milestones.

5. Prioritise Features and Requirements

Focus on essential features first:

• Must-Have vs. Nice-to-Have: Categorise features accordingly.
• Minimum Viable Product (MVP): Aim for an MVP with core features before building out the rest of the project’s functionality.

6. Document Everything

Ensure comprehensive documentation:

• Project Scope Document: Keep it updated and signed off by both sides.
• Change Log: Maintain a log of all changes.
• Meeting Minutes: Document key points and decisions.

7. Collaborative Approach within the Client’s Team

Foster a collaborative environment:

• Involve Stakeholders: Engage stakeholders in planning and reviews.
• Regular Reviews: Conduct regular reviews to gather feedback.
• Problem-Solving Mindset: Approach challenges with a problem-solving mindset.

Before Signing Off: Ensuring Project Completion

1. Finalised Design Implementation

Ensure the final design matches the approved mockups and is fully responsive.

At The Web Co., this will always be the case but we have seen many cases over the years where mobile and tablet responsiveness has not been tested or corrected.

• Design Alignment: Matches approved mockups and wireframes (taking into account agreed changes along the way).
• Responsive Design: Works on all devices.
• Brand Consistency: Aligns with your brand’s guidelines.

2. Functional Features

Verify that all features and functionalities are operational:

• Core Features: E-commerce capabilities, contact forms, etc.
• Interactive Elements: Sliders, animations, interactive menus.
• Third-Party Integrations: Functional integrations with external services.

We will walk through each step together. This will also be on a regularly backed up staging website so do not be afraid to test is alone or with colleagues.

3. Content Population

Ensure the website is populated with final content:

• Text: Correct and error-free text.
• Images and Videos: Properly placed and optimised media. We will ensure media is served in next-generation format as long as they are provided in a large enough size to compress while remaining sharp.
• SEO Elements: Meta titles, descriptions, and keywords in place.

4. The developer must carry out Thorough Testing and QA

Comprehensive testing ensures a smooth launch:

• Cross-Browser Testing: Functions across all major browsers.
• Device Testing: Tested on multiple devices.
• Performance Testing: Loads quickly and performs well.
• Functionality Testing: All features work properly.
• Security Testing: Ensured site security.

You should always be given a report on this prior to considering signing off on a project.

5. Bug Fixes and Revisions

Address all issues identified during testing:

• Bug Resolution: All reported bugs fixed.
• Client Feedback: Revisions based on feedback given and completed.

6. User Training and Documentation

Receive necessary training and documentation:

• User Training: Sessions or tutorials on using and maintaining the site.
• Documentation: Guides and troubleshooting tips for custom features. I always create ‘How To’ videos in a private folder for each area of your website.

7. SEO and Analytics Setup

Prepare your site for search engines and tracking:

• SEO Optimisation: On-page SEO elements optimised.
• Analytics Setup: Tracking tools set up to monitor traffic (such as Google Analytics, Hotjar and Klaviyo)

8. Backup and Launch Preparation

The developer must ensure backups and launch readiness:

• Backups: Full backups to prevent data loss.
• Launch Plan: Detailed plan for a smooth launch to be signed off on.

9. Post-Launch Support

Understand the level of post-launch support:

• Support Availability: Immediate post-launch support period.
• Maintenance Agreement: Ongoing maintenance and support options.

Conclusion

Successfully navigating a web development project requires clear expectations, thorough planning, and effective communication. By understanding what to expect from your web developer’s project scope, being aware of scope creep and how to prevent it, and ensuring all necessary tasks are completed before signing off, you can achieve a successful project launch.

Following this developers guide for clients when building a new website will help set the stage for a smooth and productive web development experience, benefiting both clients and developers alike.

So remember:

1. Don’t sign off on a scope until you are sure it completed your new website’s needs
2. Ensure you receive a full QA and security report
3. A go-live plan should always be provided to you and agreed upon
4. Once the site is live, ensure speed optimisations are checked

I hope this has been helpful to you as a reader (both client and developer). If you have any questions, please don’t hesitate to send me an email. Do you have your own developers guide for clients when building a new website? If so, please share them with me.

Have a great day,
Robert @ The Web Co.

The post A Web Developer’s guide for clients building their first website project with a new developer appeared first on The Web Co. Ireland.

Is féidir an phostáil seo a léamh as Gaeilge fosta.

Foras na Gaeilge has once again rolled out its Irish Language Business Support Scheme! This fantastic initiative aids small businesses across the island with signage, packaging and websites. Check out the details on the Foras na Gaeilge website for full details.

Bilingual Service

At The Web Co., we pride ourselves on being fully bilingual and we’re eager to lend a hand with your application.

If your business is in need of a fresh website, don’t hesitate to contact us – this scheme closes as soon as the budged has been exhausted.

While we don’t specialise in print design, we’re more than happy to point you in the direction of professional, bilingual print designers.

Thig leat teagmháil a dhéanamh linn ar na sonraí thíos:
hello@thewebco.ie / +4428 7192 2577 / +447908484175

The post Foras na Gaeilge open Business Support Scheme 2024 appeared first on The Web Co. Ireland.

Hello fellow eCommerce enthusiasts! I have often been asked why I recommend one eCommerce solution over the other. The truth is there is no one-size-fits-all solution. Today, I’m sharing my own insights into why WooCommerce might just be the a better fit than Shopify for your eCom build. With nearly two decades of experience under my belt, I’ve seen it all in the eCommerce world, and I’m here to share some thoughts that might just make you reconsider your platform of choice. So, grab a cuppa and let’s get into it!

“Shopify is so cool!”

Absolutely, no arguments there! Shopify definitely has its merits, and it’s a platform we’ve worked with extensively, accounting for about a quarter of The Web Co.’s projects. However, WooCommerce takes the cake for us, with a whopping 40% of our workload. And there’s good reason for it!

Shopify shines for larger catalogs, seamless inventory management and team delegation – there’s no doubt about that. But when it comes to flexibility, affordability, and catering to the diverse needs of smaller businesses, WooCommerce steals the show.

So, when should I not use Shopify?

Shopify is costly

Let’s talk euro and cents. Shopify’s pricing can be a bit steep, especially for smaller ventures like the bookshop I’ll use as an example. These businesses already juggle hefty overheads, and Shopify’s costs can sometimes tip the scales too far. Plus, without careful planning, unexpected expenses can crop up faster than you can say “online checkout”. More about scoping later.

We’re working on a large project – a bookshop with over 3,000 titles that requires synching between their online store and physical shop in Belfast. The first-year costs came to just under €5,000, including Shopify’s POS hardware, which didn’t include integration with marketing channels.

Most online shops are run by small business who can’t afford Shopify Plus, which starts at an eye-watereing €2,000 per month. This leaves shops at the mercy of apps which may not fulfil the project brief.

Scope your Shipping

Shipping woes? Let’s address those. Shopify’s shipping setup works like a charm if your products all fit into neat, uniform packages. But for businesses like our Belfast bookshop, with its varied mix of items in all shapes and sizes, WooCommerce’s flexibility wins out every time.

Many countries, including the Ireland, have national shipping services that don’t yet support volumetric shipping. Therefor shops need to have up to date shipping rates. If using An Post, product weight and dimensions are collectively taken into account to calculate your shipping cost.

Shopify doesn’t have product dimensions as a product setting unless you create custom metafields. Shopify is US-centric without much taken into account for smaller country concerns.

Why not build a Shopify shipping app?

Sure, building a custom app for Shopify might seem like a tempting option. But let’s be real – it’s a commitment. Constant updates, tweaks, and adjustments can quickly turn into a headache, especially when dealing with ever-changing variables like shipping rates – not to mention ever-changing shipping zones.

So, what’s the solution? Enter WooCommerce plugins! After some thorough testing, we found a basic table rate shipping plugin does the job beautifully, and streamlined our shipping process and cut down on unnecessary complexities. We went from 8 zones down to one.

Shopify’s support offering

Now, let’s talk support. Shopify’s got a solid team backing it up, no doubt about it. Application developers are responsive and engaged. Where Shopify have been found wanting is their unresponsive sales support. This can be frustrating when purchasing on behalf of a client, especially where taxes are concerned.

But with WooCommerce, you’ve got the power of an open-source community at your fingertips. Need help? Just reach out, and chances are someone’s been there, done that, and can lend a hand.

What about WooCommerce POS?

Here’s the scoop – while Shopify POS is a smooth operator, WooCommerce’s options are a bit lacking. But fear not! With Square POS stepping in as the perfect sidekick, syncing stock and managing orders becomes a breeze.

Using Square alongside WooCommerce, start-up costs fell by 60% including POS hardware.

Developer tip: Square recommend setting Square as the inventory of record when selling both online and offline. The opposite is, in fact, most effective.

The Importance of Scoping

Before we wrap up, let’s touch on a crucial aspect of any eCommerce project – scoping. A well-documented plan is your roadmap to success, protecting you from scope creep and unexpected charges down the line. Whether you’re diving into WooCommerce or any other platform, take the time to outline your needs, test your assumptions, and ensure everyone’s on the same page from day one.

Your technical scope should always be your roadmap and cover all eventualities. When we are hired by external agencies to re-scope, get an eCommerce build back on schedule or to (frankly) put out fires, the issue is almost always down to ineffective or no technical scoping.

Make your finished scope a part of the contract with your client and use it as your step-by-step building guide.

What should I take away from this?

In a nutshell, Shopify’s fantastic, but it’s not always the best fit for every scenario. When it comes to versatility, affordability, and catering to the unique needs of smaller businesses, WooCommerce steals the spotlight. So, whether you’re shipping out books, mugs, or the latest gadgets, remember – there’s a platform out there that’s perfect for you.

If you’ve got thoughts, questions, or just want to chat eCommerce, I’m all ears! Drop me a line, and let’s keep the conversation going.

Stay tuned for the next installment of our series, where we’ll dive into why Shopify might just be the bee’s knees for certain ventures. Sign up below, and let’s keep exploring the wonderful world of eCommerce together!

The post When you should choose WooCommerce over Shopify appeared first on The Web Co. Ireland.