ProcessWire Weekly #542

New module: Instagram Media Display

Instagram Media Display is a brand-new third party module from NB Communication. This module, which was developed as a successor to the Instagram Basic Display API module, adds support for getting an Instagram user's profile, images, videos, and albums, which can then be displayed on your site.

In order to use this module, you'll need to create a Meta app, for which there are easy to follow instructions on the module's README. You'll need to have a business account within Instagram, which comes with some (usually rather insignificant) differences to personal accounts; this is a requirement from Meta, and the main reason this module was created, as the Basic Display API from Instagram is going away in December 2024.

Once the module has been installed and set up, using it is quite simple — here's an example, borrowed from the module's README:

$instagram = $modules->get('InstagramMediaDisplay');

// Get images from the default user
$images = $instagram->getImages();

// Get 10 images from the default user
$images = $instagram->getImages(10);

// Get images from a specified user
$images = $instagram->getImages('username');

// Get 8 images from a specified user
$images = $instagram->getImages('username', 8);

// Render the images
echo '<ul>' .
    $images->each('<li>' .
        '<a href={href}>' .
            '<img src={src} alt="{alt}">' .
        '</a>' .
    '</li>') .
'</ul>';

If you'd like to give this module a try, you can clone or download it from the Instagram Media Display GitHub repository, or install it via the built-in modules manager in the admin. If you have questions or require additional assistance, be sure to visit the dedicated support forum for the Instagram Media Display module.

Big thanks to the folks at NB Communication for creating this module and sharing it with us!

New module: Markup Cloudflare Turnstile

Another new module for this week is called Markup Cloudflare Turnstile. This module was also created by NB Communication, digital marketing agency from Scotland, UK.

Markup Cloudflare Turnstile allows one to embed Cloudflare's Turnstile solution on their site as a user-friendly alternative to traditional CAPTCHAs, such as Google's reCAPTCHA. This module is based on MarkupGoogleRecaptcha, which also means that it is easy to switch from one to the other. Some settings will even be migrated automatically.

We've used reCAPTCHA for many years now but have found that it isn't as effective as it should be in reducing spam. It is also pretty annoying. We've recently switched a couple of our 'bigger' sites to use Turnstile (using this module) as the sites were on Cloudflare already. It is definitely a much friendlier captcha for users, still to determine whether it is better at preventing spam, but I expect it will be.

— NB Communication

Cloudflare's Turnstile is marketed as a non-intrusive, user-friendly, and also privacy friendly solution. Quite often it will validate visitor automatically, which is definitely better than forcing visitors to complete sometimes tedious and time-taking puzzles.

Implementing Markup Cloudflare Turnstile in your code is quite simple:

• Get an instance of the module: $captcha = $modules->get('MarkupCloudflareTurnstile').
• Use $captcha->render() to render the widget and $captcha->getScript() to render required script tag.
• Validate requests in your form processing code by checking that $captcha->verifyResponse() returns true.

For more detailed instructions and additional notes, be sure to check out the Markup Cloudflare Turnstile modules directory page.

You can clone or download this module from the Markup Cloudflare Turnstile GitHub repository, or install it via the modules manager in admin. In case you have questions, head down to the Markup Cloudflare Turnstile support forum thread.

Thanks to NB Communication for sharing this module with us!

Site of the week: GPS GmbH Professional Services

Our latest site of the week belongs to GPS GmbH Professional Services. The company is based in Aachen, Germany, and provides professional support in areas of marketing, communication, design, IT, and financial services for their clients. With over 25 years in business, they bring to the table plenty of experience in addition to a very wide range of areas of expertise.

The GPS GmbH website was created in-house and features a very nice and very clean design, plenty of information about the company and the services they provide for their customers, and a decently sizeable project portfolio. Overall this site feels easy and fun to use, and seems to perform very well, so there's plenty to like here.

As for behind the scenes details, the front-end of this site was created using the Uikit front-end framework, with self-hosted webfonts and leaflet map features on top of it. Meanwhile, in terms of ProcessWire modules, this site makes use of both free ones, such as PrivacyWire, and some Pro modules, namely ProCache and FormBuilder.

Thanks to the folks at GPS GmbH for sharing their site with us, definitely splendid work from the team behind this project!

Stay tuned for our next issue

That's it for the 542nd issue of ProcessWire Weekly. We'll be back with more news, updates, and content Saturday, 5th of October. As always, ProcessWire newsletter subscribers will get our updates a few days later.

Thanks for staying with us, once again. Hope you've had a great and productive week, and don't forget to check out the ProcessWire forums for more interesting topics. Until next week, happy hacking with ProcessWire!