{"id":348896,"date":"2022-03-30T00:16:16","date_gmt":"2022-03-30T00:16:16","guid":{"rendered":"https:\/\/www.lafactory.online\/?p=348896"},"modified":"2022-04-03T17:11:51","modified_gmt":"2022-04-03T17:11:51","slug":"comment-concevoir-une-tablette-avec-un-contenu-daccroche-defilable-en-divi","status":"publish","type":"post","link":"https:\/\/www.lafactory.com\/blog\/comment-concevoir-une-tablette-avec-un-contenu-daccroche-defilable-en-divi\/","title":{"rendered":"Comment concevoir une tablette avec un contenu d’accroche d\u00e9filable en Divi"},"content":{"rendered":"

Adding teaser content to your website can be an effective marketing strategy. This works especially well for promoting things like ebooks. You give them a sneak peek of the content in order to leave them wanting more. In today\u2019s tutorial, we\u2019re going to show you how to showcase teaser content within a scrollable tablet in Divi. To do this, we\u2019ll take advantage of Divi\u2019s built-in options to transform a column into a scrollable container (designed to resemble a tablet) that can include any type of content you want. You can use it to promote the first few chapters of any ebook, display example designs from your portfolio, or any other type of content.<\/span><\/p>\n

\n

Let\u2019s get started!<\/p>\n

Sneak Peek<\/h2>\n

Here is a quick look at the tablet with scrollable teaser content we\u2019ll build in this tutorial.<\/p>\n

Download the Layout for FREE<\/h2>\n

To lay your hands on the designs from this tutorial, you will first need to download it using the button below. To gain access to the download you will need to subscribe to our Divi Daily email list by using the form below. As a new subscriber, you will receive even more Divi goodness and a free Divi Layout pack every Monday! If you\u2019re already on the list, simply enter your email address below and click download. You will not be \u201cresubscribed\u201d or receive extra emails.<\/p>\n

\n
\n
\n
\n
\n
\n

You have successfully subscribed. Please check your email address to confirm your subscription and get access to free weekly Divi layout packs!<\/h2>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n

To import the section layout to your Divi Library, navigate to the Divi Library.<\/p>\n

Click the Import button.<\/p>\n

In the portability popup, select the import tab and choose the download file from your computer.<\/p>\n

Then click the import button.<\/p>\n

\"divi<\/p>\n

Once done, the section layout will be available in the Divi Builder.<\/p>\n

Let\u2019s get to the tutorial, shall we?<\/p>\n

What You Need to Get Started<\/h2>\n

\"expanding<\/p>\n

To get started, you will need to do the following:<\/p>\n

    \n
  1. If you haven\u2019t yet, install and activate the Divi Theme.<\/li>\n
  2. Create a new page in WordPress and use the Divi Builder to edit the page on the front end (visual builder).<\/li>\n
  3. Choose the option \u201cBuild From Scratch\u201d.<\/li>\n<\/ol>\n

    After that, you will have a blank canvas to start designing in Divi.<\/p>\n

    How to Design a Tablet with Scrollable Teaser Content in Divi<\/h2>\n

    Part 1: Creating the Scrollable Tablet Container with a Divi Column<\/h3>\n

    Add Row<\/h4>\n

    To start, create a two-column row with a regular section.<\/p>\n

    \"divi<\/p>\n

    Column 1 Settings<\/h4>\n

    Background Color<\/h5>\n

    Open the settings for column 1, and add a white background to the column.<\/p>\n