Droptica: How to Create a Drupal Landing Page?

3 weeks 2 days ago

Virtual business card, flyer, minisite – all these terms perfectly reflect the nature and essence of landing pages. They consist of several horizontal segments in which advertising content is presented, encouraging you to continue exploring a given topic on other dedicated and full-sized webpages. Let's check the possibilities Drupal gives us when creating these specific websites.

A page made of blocks

To create a one-page website composed of horizontal segments – clearly separated from each other, yet forming a consistent whole – we can use several tools or modules available in Drupal's core. The first option that comes to mind is using blocks. In Drupal, blocks work just like Lego bricks, elements containing any content. They can be displayed in different regions of the page, one above the other. Sounds like something we need!

While the idea of using simple blocks, mainly containing text, will work great in this case, achieving visual requirements or the desire to include slightly more complicated content (e.g. counters, multimedia, combination of text and multimedia, carousel, etc.) seems to be time- and labour-consuming. A high level of block personalization will require us to create several block types and/or content types and additional fields from scratch, along with additional classes for a purpose of a correct display.

For the proponents of clean code - Twig

One of the available solutions is also the option to create a twig collection, where – using the HTML and PHP code – we are able to create a landing page with any level of complexity, using the available or new fields. This option, however, requires us to spend many hours in front of the screen, countless lines of code, not to mention the subsequent maintenance and content management. To implement this solution, one definitely needs a person with technical knowledge – also at the stage of introducing the content.

Creating a Drupal landing page - modules

As we mentioned earlier, a landing page in Drupal can also be built using modules. Let's check out which of them we can use and how.

Layout Builder module

A very useful tool that has been recently added to Drupal's core is the Layout Builder module, which allows you to create templates for the structure of displaying elements on a page. The user has the ability to define their own "regions" for different types of content, using a very helpful drag and drop interface. In simple terms, it replaces the default display management function, which defines how and which fields are to be displayed, and additionally gives the opportunity to put blocks in place. When creating a template, you can feel like a graphic designer juggling the elements, while all the tools they need (in our case – the options for editing blocks and sections) are at hand in the form of an edit bar. To use this module, you need to launch it manually, as it isn’t enabled by default when installing Drupal.

When creating a new content type or wanting to use Layout Builder for an existing one, go to the display management tab. An additional "Layout options" section will appear below the list of fields, where we select the "use Layout Builder" option. Instead of a list of fields, a "manage display" button will be added, which will redirect us to the Layout Builder interface. We can freely manage the order of elements, add blocks that may contain fields from any entity, forms, plain text, links, views, and even an entire menu. Blocks are added within sections. Each section can be arranged into any number of columns between 1 and 4. The order of sections can't be changed or "dragged", so be careful when adding them.

 

Unfortunately, Layout Builder won’t do everything for us. We need to put more effort into styling all the elements. There is, however, an additional module – Layout Builder Styles – dedicated to creating new classes for Layout Builder blocks and sections, with the ability to define restrictions concerning which blocks a given class will be assignable to. A beta version is currently available, and our Drupal installation can’t be older than version 8.7.7. However, to take full advantage of the style management capabilities, without having to interfere with the code, we need to install one more module - Asset Injector, where we'll define all the parameters of the previously created classes. Then, when editing every block or section, we'll be able to assign one class available on the list.

  Paragraphs module

The second most frequently chosen option when creating a Drupal landing page is the use of the Paragraphs module along with Entity Reference Revisions. Paragraphs allows you to create templates that will later be sections (aka paragraphs of a page). One paragraph may consist of many fields of any type. Such a collection will constitute the type of paragraph to be used by any selected content type. For example, let's create a new content type named "Landing page". At this stage, in addition to the default "body" field, we add a few other fields that are important to us. This time, we only need one field of the paragraph type.

Now we'll create two new types of paragraphs: “banner” and “image + text”. Under Structure -> Paragraph types -> Add paragraphs type, we create new types of paragraphs and manage the fields to be included in them. For a banner, it'll mean an image field. For the “image + text” type, it'll also mean an image field and formatted text. As is the case when creating content types, with paragraph types we can manage the display of fields and their formatters. You'll surely notice in the list that you can add a field of the paragraph type, this way we can create nested paragraphs and use the already existing ones.

Having the types of paragraphs, let's check out what the landing page creation will look like. It's worth mentioning that without defining in the content type settings what specific paragraph is to be its content, we are presented with a list of all available paragraph types, which we can add multiple times thanks to setting “unlimited” when creating a paragraph field.

 

Paragraphs is a powerful tool that allows you to maintain a high degree of flexibility when creating landing pages. The pitfall when using this module is managing the content later, especially if we create a complex structure with multiple nested fields. The person editing the content on the page may then feel lost and overwhelmed by the enormity of tabs and settings.

Tuned-up paragraphs. Creating a landing page in Droopler

If you like the option of using paragraphs the most, you'll surely find what Droopler has to offer for creating one-page websites to be even better! Droopler is our free Drupal distribution for creating webpages. It contains many ready-made templates and components.

For this tool, we used the idea of creating paragraphs and nested paragraphs to "assemble" a webpage. In the default version, along with the Droopler installation we get a number of predefined types of paragraphs at our disposal. These are the most commonly used kinds of paragraphs when creating webpages.

Types of paragraphs in Droopler

Then why should we use Droopler and how does it really differ from the previously presented possibilities offered by the Paragraphs module, apart from saving time when creating the most popular types of paragraphs?

Appearance

Already at first glance, we can see one fundamental difference – the added paragraphs look professional and, if we are satisfied with the used colour scheme, we don't have to do anything else with them! However, if we decide to change it, overwriting the default skin won't be a problem. You can find more information on this topic here.

Editing directly on the created page

I mentioned earlier that it can be confusing to navigate around editing a content type that consists of paragraphs. This problem has been solved in Droopler thanks to using the Geysir module and the possibility of editing paragraphs directly on the created page, in the form of modal windows. The interface also allows you to “cut” and “paste” paragraphs, that is, to reorder and remove them without having to go to a content type edit page. This way everything remains clear and we immediately see the effects of our changes.

  Additional options

The Paragraphs module is field-based, allows you to choose the formatter and manage the display, but there is no room anywhere for additional options related to styling or quick reorganisation of the content within a single paragraph. If we want to have a paragraph with an image gallery, we need separate types for putting 4 or 8 thumbnails. The same happens when using different types of media – a separate type is needed for images and videos.

Droopler is highly flexible in this aspect. The banner paragraph type accepts both an image and a video file. What's more, for every type of paragraph in the "settings" tab in the adding paragraph window, it's possible to configure margins and padding, as well as to define additional classes that we determine in our skin, and there's even the option of choosing a predefined colour scheme.

 

If we want to create a paragraph composed of tiles, we can choose which of them should be highlighted by increasing their size in relation to the rest, achieving the effect of a "masonry" gallery.

Do you have a prepared block that you'd like to use and place among the paragraphs? In Droopler, paragraphs can also consist of blocks, in the tab we can choose from among all those that currently exist on our page. The block with icons and links to social media - ready. A quick contact form? This has also already been done for us.

Summary

Landing pages or one-page websites are a very specific type of content that we can find around the web. It should be simple, transparent, look modern and encourage us to go to the further, target pages. It's a huge tool in the hands of marketing teams, so Drupal was also designed to give users, including non-programmers, the option to quickly create these kinds of pages. Some of the methods presented in the post show a low degree of difficulty and can be implemented by a layman (Layout Builder, Paragraphs). However, they have their limitations and at some point the "architecture" created with them becomes too complicated and difficult to maintain. Additionally, the intention to create something non-standard will require the help of a developer, especially for styling. By choosing Droopler, we can be sure that the landing page creation process will be simple and pleasant, as well as visually effective, without having to tamper with the code. Anyone, without exception, will be able to learn to manage paragraphs with ease, and in less time than expected.

Redfin Solutions: Migrating into Layout Builder

3 weeks 3 days ago
This year at DrupalCon North America Redfin Solutions’ CTO Chris Wells had the honor to speak for the first time at a DrupalCon. His presentation Migrating into Layout Builder had the privilege of being one of the most well-attended sessions of the conference.

Security advisories: Drupal core - Moderately critical - Cross Site Scripting - SA-CORE-2021-003

3 weeks 3 days ago
Project: Drupal coreDate: 2021-May-26Security risk: Moderately critical 14∕25 AC:Basic/A:User/CI:Some/II:Some/E:Proof/TD:DefaultVulnerability: Cross Site ScriptingDescription: 

Drupal core uses the third-party CKEditor library. This library has an error in parsing HTML that could lead to an XSS attack.

Solution: 

Install the latest version:

Versions of Drupal 8 prior to 8.9.x are end-of-life and do not receive security coverage.

Reported By: Fixed By: 

Tag1 Consulting: Inside the United Nations Office for the Coordination of Humanitarian Affairs (UN OCHA) with Emma Jane Hogbin

3 weeks 3 days ago

Disaster response is a critical humanitarian effort, requiring collaboration and organization - sometimes on a massive scale. From earthquakes in Nepal and Haiti to hurricanes in the Bahamas and other massive disasters, the United Nations Office for the Coordination of Humanitarian Affairs (UN OCHA) is a resource for relief efforts. Emma Jane Hogbin of OCHA joins Managing Director Michael Meyers in this Tag1 Team Talk on OCHA, what it does, and how OCHA works to ensure humanitarian groups have the information they need to quickly respond to disaster. Emma Jane is a long time Drupal community member, and has authored multiple books on Drupal and Git. Join Emma Jane and Michael as they talk about what OCHA does, their role in humanitarian disaster response, and how their office is streamlining technology to aid teams on the ground. For a transcript of this video, see Transcript: Inside UN OCHA with Emma Jane Hogbin. ### Related content - https://www.unocha.org/about-ocha/our-work. There's a 2-3 minute video at the bottom that's actually a pretty good overview of what OCHA does. In general, OCHA is project management for disaster response. - News from the humanitarian community at large...

Read more lynette@tag1co… Wed, 05/26/2021 - 08:55

Lullabot: Speed up Drupal’s Front-end with WebP Images

3 weeks 3 days ago

Enabling WebP images on your website can save millions of bytes per page load! That might sound like a bit of an exaggeration, or maybe a little tacky, but it’s true. On slower connections, that can be the difference between a visitor viewing your page or pressing the back button in frustration.

OpenSense Labs: The web personalisation checklist

3 weeks 3 days ago
The web personalisation checklist Akanksha Mehta Wed, 05/26/2021 - 15:43

Owing to the numerous aspects and applications of web personalization, it might be a confusing term for many despite its omnipresence across the virtual world today. Web personalization is best understood as individualization of a website customised in a manner to cater to an individual's unique requirements. The importance of this concept can be realised from the fact that the founder and CEO of Amazon, Jeff Bezos, prophetically mentioned something along the lines of personalization almost 2 decades ago.

"If we have 4.5 million customers, we shouldn't have one store, we should have 4.5 million stores."

Jeff Bezos in 1998
Why do you need website personalisation?

There are numerous statistics and numbers that point towards better business relationships with customers when personalisation is adopted, as when a user feels a personal connection with a piece of content or a layout, he is more likely to invest in the product or service. This is substantiated by the fact that Invesp's survey points out that around 56% of online shoppers are likely to return to a website when they see product recommendations customised according to their interests. Running a cross check from the other end as well, it has also been noted by MarketingProfs that 66% of marketers said that a chance of an improved business performance was their main reason for going forward with personalization. Listed below are some additional statistics that showcase the benefits of web personalization.


On the other hand, if data and numbers don't speak to you to dig deeper into the human value of building relationships and don't just care about the turnover, web personalization is still your best friend. Apart from the very obvious benefits of increased conversions and sales, DSR duniya prasad the ways in which web personalization helps a business.

  • Meeting customer expectations

From customers' point of view, in this age of integrated tools and technologies, web personalization is not something out of the blue - rather, they expect a degree of customisation from the businesses that they associate with. As backed by sufficient research and data, custom recommendations and suggestions work better in attracting and retaining customers in the longer run.

  • Building brand loyalty

As a subsequent side effect of having invested more into the research and the choices made by the customers, you would garner greater brand loyalty. Tailored marketing strategies, no doubt, speak more to the user than the generic ones. 

  • Engaging your customers

User relationships are nurtured and allowed to grow with your website creating relevant offers, content and CTAs (Call To Action). Once you have done the job of gaining their attention right, the purchase can be accelerated even further by using personalization.

  • Trustworthiness

When you give to the customer, you are bound to receive back. For the smooth User experience ranging across the site and getting recommendations for products that they actually like and value, customers are bound to trust your website more than the others and are likely to rely more on your data.

Types of website personalisation  User controlled

User-controlled personalization is where the entire website is controlled by a custom criteria set by the user himself. It is usually explicitly asked what the user's specifics related to geography, gender, languages spoken etc. are. These kinds of websites rely on the fact that the user will  take out the time to tell them they are in order to be directed towards personalized products and services based on their own inputs.

The most common method of initiating user-controlled personalization is by asking the consumer to create an account and hence provide a bunch of details about themselves in the process.

For the geographical location of the user, more often than not, their IP(Internet Protocol) addresses are tracked to see what part of the globe they belong to.

Behavioral

In the other kind of personalization, it is not explicitly asked from the user about what they want and who they are. Personalization here is placed more on the user's website browsing history and also based on their interactions with the website content. The data so gathered is then utilized to understand their deeper interests and gauge out their persona. For example, Netflix first observes what are shows one watches and then recommends newer shows based on their history. Considering how much data this process involves, the research can be a pretty daunting task, but works in a magical way once conducted properly.

Contextual

Contextual personalisation is when the activities that you do in the day are analysed and used as a context to provide further recommendations to you. Perhaps the best example of this is a fitness tracking software - it recommends activities to you based on how much you’ve walked or exercised in a day. 

Personalisation can also range from varying degrees and levels depending on where you want your user to find you . 

Email personalisation

Consumers that identify themselves to a business by giving out their email address for some form of notifications or newsletters are sent targeted emails that form a part of an essential communication based on the data that the consumer has provided. Addresses are utilised for targeted email campaigns and differ from other generic ones as they have greater chance of lead to user conversion.

Campaigns

Custom landing pages might be created from time to time to support the cause of a campaign if it is relevant to the organisation's ethical cause. Usually CTA is placed in these landing pages to donate or contribute in some manner. 
Implementing web personalisation

Where to start?

With research, of course! Research regarding personalization will vary greatly depending on the kind of industry and business vertical you are looking to create content for. It should also go along well with your other goals and objectives should fall in line with the rest of your tools in use. While collecting data ensure that it is factually  correct and not outdated, that you are adhering to all regulations while collecting it, and that you have a virtual silo for storing all of this data and extracting it whenever it is required.

Identifying your audience

Once all the data is within your arms' reach, used to identify your target audience and also create the personas of your visitors. These personas should be vividly detailed and should contain all relevant information needed to create custom experiences. Here's an example of a detailed user persona.


Details like this will save essential time and effort while going through the data of thousands of users as you'll know exactly what to look for. This will help you immensely in the process of identifying your target audience. Learn more about the importance of audience segmentation in web personalisation here.

Setting your goals

Assuming that the research and segmentation part is done and dusted with, it is now time to get realistic and think about what is achievable and how much resources are required to complete the exercise - also whether the allocation is in line with the bigger picture. Once the data is studied and understood, you can now create an actionable plan that demonstrates how you plan to achieve your goals by using personalization and what your monthly or quarterly targets should be. 

Also always keep in mind that personalization is an incremental process and as you get more data with each interaction, the metrics need to be updated - that is, if you want to stay updated.

Mapping out the approach

But where does the plan of action start with? Do you create a separate landing page based on the data, or should it be incorporated in the home page itself? Now is the time to lay out a plan for personalizing the navigation and examining the touch points where the data needs to be delivered. You should not lose focus of the main goal, which is to generate maximum returns from this exercise. The right or wrong placement of a single line has the capacity to make or break your efforts.

Content and Design

This is the step where all of the research done is put into practice. The actual elements of a page that a customer interacts with are its content and design, and these should be highly reflective of what the user wants. The teams dealing with these two elements should be given access to the data and should be briefed comprehensively about what their work should comprise. Everything from the colour palette, the layout, to the kinds of images used are dynamic - but should also be intrinsically connected to your brand image. You should not be struggling to maintain your identity in the face of all of this personalization.

  • The header is your hero. Rightly said, the first impression is extremely important and it is important to put forward a good one. If you can personalize the header using an IP address to create a personal greeting to the customer, there would be nothing like it. The sub heading underneath every header and the image in the backdrop can also be personalized for each category of consumer that you are targeting. 
  • Add elements like featured blogs and other content based on the interactions that the user has had - like recommending ebooks or product related educational pieces. 
  • Highlight specific features of a product or solutions that you offer which are sure to resonate with the kind of audience that you are trying to attract. You could also try experimenting with motion UI to ensure that attention is attracted towards that part of the page.
  • A huge driver can also be customer testimonials, hence be sure to include some at a prominent spot in the homepage. Logos of brands that are associated with you, are partners with you or have invested in your company also add to the trustworthiness factor.

To know more, read about the significance of UX in the age of personalisation.

But is it working?

Early trends in metrics should not be ignored. Keep some analytics tools handy for examining the early trends in data after everything has been implemented. Have a clear analysis of 'before' so that you can compare the 'after'. Take into account the things like

  • Time spent on the site
  • Frequency of visitors
  • Content interacted with
  • Volume of new and returning visitors in comparison to the previous volumes recorded

Dive into the statistics and use it for the initial A/B testing. Analyse the data from different perspectives by keeping into account any seasonal or contextual effects that might have impacted the user behaviour during the said period of time. 

In mid stage metrics, points of data should be deduced from

  • Number of actions taken on the site
  • User feedbacks, if any
  • Quality of visitors - are they a part of your target audience?
  • Trends in lead to user conversion

Lastly, these metrics should be utilized to provide better iterations in the future.

Web personalisation in the near future

Less physical, more digital.

A miniscule number of companies have been deploying personalisation  beyond their digital presence. It has been predicted that all the places of interaction that have been largely physical till now will gradually be digitised, like food chains or clothing stores. Several clothing stores that have digitally transformed themselves to adhere to the present times allow 'online trials' using augmented reality to provide a personalized experience to the consumer. AI (Artificial Intelligence) enabled tools are utilised to improve the services - for example, it has been noted that food since Macy's and Starbucks use GPS (Global Positioning System) to trigger relevant in app push notifications to the consumer when they are near one of their stores. To know more, read how machine learning enhances personalisation at scale and in what different ways machine learning can be utilised for effective web personalisation.

Hence, in upcoming years we can expect the digitisation of presently predominantly physical spaces.

Scaling empathy

What makes AI stand out in this world surrounded by technology is its ability to incrementally improve after every interaction. Recently, McKinsey noted that smart speakers like Alexa and Google home for getting smarter over time and adding more to the skill set day by day.
 


The relationship of humans with technology and personalization is at a somewhat peculiar junction where we want the machines to understand us and not be completely mechanical - rather, a slight emotional, human touch is preferred. Thus, the concept of empathy will scale and devices will be expected to be more understanding of human behaviour in different times and contexts.

Formation of ecosystems

It is well known by now that a shopper's buying experience cycle - starting right from the introduction to a product till the end result of finally buying it is a cumulation of several touchpoints both offline and online that contributed to the overall buying experience. For example, an ad seen online, a promotional phone call, an offline retail store all might have contributed to the experience but at different timelines and regions. The next step towards personalization as it expands further would be to create a connection between all of these points and create an entire ecosystem to get personalized products and services delivered to the customer. It does not seem to be that far away, with smart home devices working towards integrating the entire place together and using shared experiences to render personalized offerings. For a complete guide on web personalisation, read here.

Taking the future as a reference

It is always better to live in the future as compared to the present. If you want to future proof your strategies it would be wise to roll out bigger investments on customer data and analytics. You can also make investments in finding and training translators so that you can personalize your brand's experience even further for the global crowd. The future of personalisation is agile and cross disciplinary, and traditional marketing efforts could go futile. Therefore, it would be best to refer to the upcoming trends and strategize your efforts accordingly - in order to remain a step forward than the others. 

blog banner blog image web persoanlisation Blog Type Articles Is it a good read ? On

This low-cost motion control rig helps capture high-quality shots

3 weeks 4 days ago

Being a camera operator is tough. Having to move the camera and maintain a smooth motion can be tricky, and the speed at which it’s done is never consistent. That’s what prompted Andy to create his own motorized robotic camera rig that can move in up to four different axes simultaneously. The camera gets attached to a standard mounting […]

The post This low-cost motion control rig helps capture high-quality shots appeared first on Arduino Blog.

Arduino Team

Security public service announcements: Off Cycle Drupal Core Security Release - PSA-2021-05-25

3 weeks 4 days ago
Date: 2021-May-25Description: 

There will be a security release of Drupal Core 8.9.x, and 9.1.x on May 26th, 2021 between 16:00 - 18:00 UTC. This Public Service Advisory is to notify that the Drupal core release is outside of the regular schedule of security releases. For all security updates, the Drupal Security Team urges you to reserve time for core updates at that time because there is some risk that exploits might be developed within hours or days. Security release announcements will appear on the Drupal.org security advisory page.

The security risk of the advisory is currently rated as Moderately Critical.
This is not a mass-exploitable vulnerability as far as the security team is currently aware.


Given that this is a moderately critical vulnerability and is not believed to be mass exploitable it is not covered by Drupal Steward partners.

Hide a huge arcade machine in plain sight with Raspberry Pi

3 weeks 4 days ago

Problem: I really want an arcade machine at home, but I don’t have the space for it. Solution: Build Alexandre Chappel’s giant two-player machine, which is sleek and hidden in plain sight on your wall. Alexandre’s goal was to build something that looks like an ordinary piece of furniture, and that you’d have no idea…

The post Hide a huge arcade machine in plain sight with Raspberry Pi appeared first on Raspberry Pi.

Ashley Whittaker

Specbee: Adding custom oEmbed providers to remote video media source with Drupal 9 & Drupal 8 oEmbed Providers module

3 weeks 4 days ago
Adding custom oEmbed providers to remote video media source with Drupal 9 & Drupal 8 oEmbed Providers module Ankitha 25 May, 2021 Top 10 best practices for designing a perfect UX for your mobile app

One of the ways to engage your visitors is by using various multimedia on your website and Drupal’s Media module provides a fantastic way to achieve that. An additional support was added to the Media module in Drupal 8.6.0 that lets you easily embed third-party videos from an URL into your site’s content called the oEmbed feature.

While having oEmbed support in the Drupal core is great, there are a few key requirements that might still be missing. In this blog we shall try out the oEmbed Providers module that extends the core’s media oEmbed functionality. The oEmbed Providers module is compatible with Drupal 8.8.4 version and above (and also works with Drupal 9!).

What is oEmbed Technology?

According to oembed.com, oEmbed is a format for allowing an embedded representation of a URL on third party sites. The simple API allows a website to display embedded content (such as photos or videos) when a user posts a link to that resource, without having to parse the resource directly.

Basically, oEmbeds allows a website's content to be embedded to another web page. The oEmbed format is supported by the most popular resources with multimedia content - Facebook, Twitter, YouTube, Instagram, Flickr, Vimeo and many more.

Configuring oEmbed Providers on Drupal Step 1: Enabling the Media and Media Library core module
  • Enable the media and media library core module in your site.
Step 2: Install and Enable the oEmbed Providers module
  • Download the oEmbed Providers module using your method of choice (composer recommended). $composer require drupal/oembed_providers
  • Enable the module in your site.
Step 3: Configuring the oEmbed Providers module
  • Once enabled you can visit the configuration form at /admin/config/media/oembed-providers.
  • This module provides several features as listed below by extending core's oEmbed functionality:

         a. Add custom oEmbed providers

            ▪ Core Media provides no option for adding custom providers. The oEmbed providers module lets you do that by navigating to Configuration >  Media > oEmbed Providers > Custom Providers and clicking on Add oEmbed provider.

             • Fill in the necessary details to define a custom oEmbed provider and save the configuration form. Now you will be able to embed videos from this custom provider into your Drupal site. Here, I have given an example of a RadioPublic provider, you can fill in details of providers of your choice.

       

     b. Global enable/disable providers

      ▪ The oEmbed Providers module provides an user interface for enabling and disabling providers.

   

     c. Modify the providers list URL

        ▪ The oEmbed Providers module provides an user interface to alter the providers URL as the core Media module by default fetches the list of providers from here

 

     d. Disable the fetching of providers list

        ▪ The oEmbed Providers module provides an user interface to disable the external fetch of providers, for instance, when the site uses only custom providers.

   

    e. Provides hook_oembed_providers_alter()

       ▪  The oEmbed Providers module provides a hook_oembed_providers_alter() that lets to alter provider definitions.

Step 4: Adding media to a content
  • Once you're done adding a custom oEmbed provider, you can now embed the videos from that custom provider into your Drupal site.

  • Add a media field to any of your content types and choose ‘Remote Video’ media type.

  • Now provide a video link from your custom provider. Here we have created a RadioPublic provider and saved the content.

 

Okay, that’s it! You can now see the videos from your custom provider being rendered on your Drupal site.

Please Note: Once you get your custom providers working, you can also contribute this to a public oEmbed repository. It contains configuration information (the registry) for oEmbed providers, as YAML files in the providers directory. Once your PR gets merged, it will be listed out in https://oembed.com/providers.json and thus available for all Drupal developers to use with just the core media. Few months back, the YAML for Radiopublic provider (as shown in above example) got merged to the repository and it’s now available for us to use on Drupal. How cool is that?!

See the Drupal.org change record for more details on the oEmbed support and status.

The oEmbed providers module is a great feature that extends the Drupal media module’s oEmbed functionality. Go check it out and we’d love to hear back from you on how it worked! To get regular updates on more of our interesting articles, please check our blog section and subscribe to our weekly newsletters today! Need expert help with your next Drupal project? Contact us today and we’ll get back to you ASAP!

Drupal 8 Drupal 9 Drupal 9 Module Drupal Development Drupal Module Drupal Planet Drupal Tutorial Shefali ShettyApr 05, 2017 Subscribe For Our Newsletter And Stay Updated Subscribe

Leave us a Comment

  Shefali ShettyApr 05, 2017 Recent Posts Image Adding custom oEmbed providers to remote video media source with Drupal 9 & Drupal 8 oEmbed Providers module Image A Brief Guide to Software Testing - Standards and Processes Image Top 9 Social Media Integration Modules for Drupal 9 Want to extract the maximum out of Drupal? TALK TO US Featured Success Stories

A Drupal powered multi-site, multi-lingual platform to enable a unified user experience at SEMI.

link

Discover how our technology enabled UX Magazine to cater to their massive audience and launch outreach programs.

link

Discover how a Drupal powered internal portal encouraged the sellers at Flipkart to obtain the latest insights with respect to a particular domain.

link

OpenSense Labs: Digital Experience Platform (DXP) : The Ultimate Guide

3 weeks 4 days ago
Digital Experience Platform (DXP) : The Ultimate Guide Akanksha Mehta Tue, 05/25/2021 - 14:58

Providing an optimum digital platform that is accessible, meaningful as well as communicative of your organisation’s plans and objectives is imperative to creating a healthy brand image and also for being considerate of your customers’ demands and expectations from you. Most consumers today expect a widespread and uniform and digital presence of the brand that they are associating with - a presence that lays everything out on the table and leaves close to nothing behind closed doors.

This is where the concept of a Digital Experience Platform (DXP) comes in. A DXP is an integrated software framework that is used to reach out to a wide horizon of audiences through an array of digital channels and touchpoints. The recent decades of the digital boom have brought it to many organisations’ notice to invest in DXPs to build, deploy and continually improve their websites, applications and digital experiences. 

There are two core principles that stand out in the explanation of a digital experience platform.

  • Multiple integrated technologies are needed to connect to a wide array of digital touchpoints.
  • Management of all of these expanded experiences is done from a central platform that acts as a single control centre.

Let's have a look at the visual definition of a DXP.

Source : Xtevia

A recent report showcased that 47% consumers would abandon a brand that doesn't provide relief and product suggestions and shop from some renowned organisation like Amazon instead. Impact found that companies have been realising the importance of an expanded digital presence, with over 44% of the surveyed companies were presently working towards a digital first approach, while 34% had already undergone a transformation. 

Owing to these statistics, it comes as no surprise that the Global Digital Experience Platform Market continues to keep expanding year after year.

Source : Data Bridge Market ResearchKinds of DXPs

Two of the primary approaches to Digital Experience Platforms are:

Open DXP

A platform that serves as the connective bridge of digital experiences by integrating multiple products from different vendors together so that they can work and perform as one, is an Open DXP. Hence organisations that already have a wide digital presence and own multiple digital experience products will be able to utilize Open DXP better.

Closed DXP

A closed DXP on the other hand is also a one-stop-shop that has all major DXP components - but the differences that all of these components are maintained by a single provider and integrations with other applications is fairly limited. 

When it comes to choosing the right approach out of these two, it can be very tricky for an organisation as it depends upon what a certain business might be looking for. For instance, an organisation can avoid closed DXP if it does not want to completely ditch different parts of its platform that are working well for it today. On the other hand, choosing open DXP can be fruitful as it lets a business maintain the part of its experience toolset that is working fine. An Open source DXP can lend flexibility to an organisation’s future. A digital business should still look at what it really wants based on all the different factors.

Based on organisation’s specific use cases, DXP has branched itself into three further categories:

CMS DXPs

For today’s creative agencies that require management tools and creative freedom than what a CMS offers, a CMS (Content Management System) DXP makes the cut by focusing more on the needs of the marketing department as well as the User experience (UX) of the platform. These are particularly sought-after if the business is B2C - where the sale cycle is short and the audience is large, as CMS-heritage DXPs have strong offerings for web-based analytics, user segmentations, advertising and campaigns. Learn more about choosing the right CMS and why Drupal can be the way to go.

Portal DXPs

On the other hand if your business is one of those where long-term customer relationships are valued even after the transaction has been made, a Portal DXP is better suited for the purpose. These trace their origins back to providing customer portals and help businesses understand the factors that lead to better customer loyalty and retention. These DXPs can be especially useful for gathering inputs before providing customer service and assistance in issue resolution. 

Commerce DXPs

Commerce DXPs are used for setting up online e-commerce platforms. In addition to product related content delivery and online shopping platform style web interfaces, Commerce DXPs also provide the capabilities related to inventory management, shopping cart, payment integration and checkouts.

DXP vs CMS vs WEM

Now that we're done with defining and analysing the different kinds of DXPs, let’s address the most common query when it comes to these platforms - how is a DXP different from a CMS or a WEM (Web Experience Management)? As the diagram below shows, these similar sounding terms have different use cases and are suited to companies with different goals and aspirations. A DXP has grown out of the limitations posed by a traditional CMS, with regard to creating and managing customer experiences - letting the user dive deeper into the concepts and applications of UX. Forrester's Mark Grannan defines the difference between CMS and DXP as 

“Web CMS is critical for developing, managing and optimizing web, mobile, and other content-based experiences. API-first architecture and cloud deployments are reshaping the packaging of digital capabilities into more granular tools that can be assembled on demand.”


A Web Experience Management platform was also born out of newer customer needs, introducing cross-channel functionality for content and data delivery. A WEM enables a brand's business units to share information digitally across channels, and gives the business greater visibility into the user behaviours and personas according to their activities on these channels. 

But the ultimate solution for delivering multi-channel marketing and better user experiences emerges in the form of a DXP, as it brings out the best in both worlds. 

When do you need a DXP?

But of course, not everyone would require a DXP as it completely depends on an organisation's present needs and future aspirations. One must look out to onboard a DXP if 

  • Building relationships with your audience throughout the transaction is one of the chief goals of your organisation.
  • Your future plans include organising omni-channel experiences that provide you the ability to reach out and deliver content to multiple devices and channels like mobile phones, tablets, email inboxes and social media.
  • In a bid to enhance the User Experience of your digital presence, your organisation's pipeline mentions several integrations of new data and platforms to optimise the content and the layouts for your end users. 
  • Further elaborating on the UX, content personalization and differentiated customer experiences are rated high on importance to retain customers and create value. When you work with a DXP, it does the job of collecting consumer data, defining user personas, and serving custom content to specific audiences, also alongside connecting this data with other channels like social media and mobile applications. Hence, a DXP integrates with other systems and departments to create highly personalized experiences for your audience.
  • A platform that does most of the analytical thinking by itself is also great for comprehensive strategizing and planning your roadmaps across channels all while having a single, sturdy management. Not just in the planning, a DXP is also great for retrospection and management of the entire campaign and for incorporating the inputs so received into the workflow.
Choosing the right DXP

While it may seem like a daunting task to choose the perfect digital experience  for your enterprise, the job becomes much easier when you go through the process step by step. Choosing the ideal DXP should consist of the following steps.

Map out your requirements

It is easy to get caught up in the flashy new features offered in the market, but you must keep in mind that your company has unique requirements and that the features and functionalities you might have on your wishlist shouldn't just be there because they're an upcoming trend or a buzzword. Anything that you plan to invest on should add value to the organisation. Set realistic goals and about your requirements in a phase by phase manner, ranging from high priority to low priority.

Assess your readiness for transformation

There is quite a lot of change that happens when fundamental decisions like onboarding a DXP are taken. It is now time to analyse whether your content delivery channels and your diverse audience would benefit from this change - and if they would, would they benefit enough for you to go through the ordeal? Is your audience receptive to change and welcomes new initiatives? Or is it more a laid back user base that wants to identify with traditional systems and methodologies? More importantly, do you have enough resources to absorb the changes that come about - i.e., are you ready both in spirit and capacity to make this change?

Onboard some experts

Bigger projects require a broader perspective, so do not take it upon yourself to analyse who the leading technology vendors are and which one to go for, as there is expert help available for that at any point. Keep an eye out for analysts like Gartner and Forrester that constantly release rankings including top players in digital experience, commerce, CMS and the likes. All of these should be considered while the research is undergoing for a new DXP.

Evaluating surrounding ecosystems

Don’t trace the journey without conducting thorough research about what is going on in the market and with your competitors. Note which organisations used which parts of different technologies and tools, and how well these have helped the enterprise to flourish in the duration. Also take the time to examine  the goals or features of other businesses that overlap with your organization's and how they have been catalysing their workflow with the use of newer tech. Methods that are already tried and tested will help you out a great deal as there is no better testimony than a practical  example.

Also ask your vendor for plenty of references for you to study during the research process to be absolutely sure before finalising a DXP.

Plan a roadmap

Lastly, don’t think only about the present but also the future. There should be a pipeline of tasks that are to be done with regard to the platform in the next few months. Team discussions regarding the execution and usage of the DXP should take place beforehand so that everything works at its optimum. 

Benefits of using a DXP

There's a reason why many big organisations seem to be gravitating towards DXPs to take care of their present and future roadmaps. This is because a DXP comes with some pretty solid advantages.

Integrated Controls

DXPs are best suited for multi-channel deliveries and expanding into the far reaches of the web all while keeping a single integrated control panel. A DXP is well equipped to create comprehensive strategies across different platforms all while keeping the operations seamless, and also enabling close collaboration among web page optimisation, content optimisation and also email campaigns. Not only this, you can also rely on the platform for analytics tracking and A/B testings.


Flexibility

DXPs can be pretty dynamic and flexible in application and that is exactly what's needed in the fast evolving world of today. DXPs, owing to their open API (Application Programming Interface) first architecture, are flexible enough to integrate the latest technologies so that you can serve that to your customers as soon as possible. Thus, a DXP is both accommodative of changes in your plans as well as scope of the project, as scalability is one of its primal strengths.

Personalization

As DXPs are great with analysing, tracking, and everything else that constitutes user research before rolling out a product, they also are simultaneously great for creating personalized user experiences of these channels by taking into account the several inputs that they received over these touchpoints. If your business bases itself on creating unique experiences for your customers, a DXP is quite a godsend. 

Being future proof

Investing in a platform which is as moldable and customisable as a DXP also is a method of future proofing yourself against an impending technical debt. Apart from this, as organisations dive deeper into the user journeys, relationships that could sustain in the future are also nurtured as needs are understood as well as addressed in a better manner. The information that a DXP gathers for you can turn out to be invaluable in the time to come.

Exploring upcoming digital experience trends DXP and AI

To study all the data flowing in from multiple sources, analyse it, and to bring forward better content and servicing after reviewing the inputs received and also to continuously maintain and improve the process, artificial intelligence is brought into the loop. The entire concept of a DXP is based on artificial intelligence - AI is interwoven intrinsically in DXP and has access to data from every tool and touchpoint. In turn, the DXP acts as the ultimate seat for the AI to understand and improve the experience from customer acquisition to loyalty.

Voice Interaction

'Smart speakers' constitute a space in the digital sphere that hasn't been mastered yet. But there is no denying that they have become an essential part in the digital experience journey of a customer, and brands that can offer these services seamlessly are sure to have competitive advantage over the others. More about conversational UI here.

Maintaining Privacy

Customer privacy is more important than ever. If you can give your customers the assurance that every data that is collected from them is used for a purpose that they know of, hence involving them into the brand operations, it adds great value to your overall relationship. It shows the end user that you have nothing to hide, that you are transparent, and more importantly, you can be trusted. 

The process matters

Consumers will care more about how you do things. Do you tap on the trends to deliver updated content to your user base? Or is your style more laid back and rigid? As business relationships get more intermingled consumers are going to care it's more than just the product that they're purchasing. They are also going to be  interested in your method of operations, your digital presence, your accessibility on the various channels you're present in, your problem solving techniques, etc. 

Digital will bridge the gap

Digital has been the saving grace during these stressed times, and will continue to be in the saviour even later on. Companies will rely on their digital platforms to access the far reaches of the globe to their scattered audiences. Even within the organisation, a business that is digitally integrated is, in a way, future proof, as it delivers greater visibility into the work of each department and hence better insights on the working of the entire organisation as a whole. This enables one to correct the mistakes faster and achieve greater efficiency faster.

It is inevitable that a business that is flexible, omnipresent, considerate and updated will win the competitive edge in the near future. Hence, it is recommended to start your digital transformation journey as early as possible!

blog banner blog image DXP Digital Experience Platform Open Source Open Source DXP Blog Type Articles Is it a good read ? On