Page Editor 2.0 uses a smaller set of more flexible blocks than Page Editor 1.0. That means some familiar 1.0 blocks are no longer listed as separate options. In most cases you can still recreate the look of the original section by combining the blocks available in 2.0, but it's important to know that recreating the look is not always the same as recreating the function. Some 1.0 blocks did things automatically in the background (displaying share icons, syncing product data, showing content only under certain conditions) that a manually built 2.0 section will not do unless you set it up separately.
This guide explains, block by block, how to rebuild the visual layout of common Page Editor 1.0 blocks in 2.0, and calls out exactly where the manual version falls short of the original so you know what to check before publishing.
Why these blocks changed
Page Editor 2.0 was designed to simplify the editing experience. Instead of offering many narrowly defined block types, it leans on fewer building blocks such as Text, Button, Image, Image with Text, Text with Image Grid, Banner, Pricing, Upsell, Featured Products, Course Curriculum, Email Leads Form, Video, and Custom HTML. The tradeoff is that some older blocks are no longer available as dedicated presets. For the full walkthrough of every 2.0 block, see Create/Edit Your School and Product Pages.
The benefit of this approach is flexibility. A single 2.0 block can often serve multiple use cases, and this guide walks through the specific combinations that recreate each legacy section.
A few 1.0 blocks were not dropped, just kept as their own dedicated blocks: Upsell and Featured Products (which also covers bundles) are still native in 2.0 and need no manual rebuilding. The rest of this guide covers the blocks that have no direct 2.0 equivalent and need to be rebuilt from simpler components, with any functional gaps called out.
Quick reference mapping
Page Editor 1.0 block | Recommended Page Editor 2.0 replacement | Recreates the look | Recreates the function |
Upsell Block | Upsell (native block) | Yes | Yes, fully native |
Testimonial | Image with Text (one testimonial) or Text with Image Grid (multiple testimonials) | Yes | Yes, static content only |
Instructor Bio / Author Bio | Image with Text | Yes | Yes, static content only |
FAQ | Text | Yes | Partial, see note below |
Course Description | Text | Yes | Partial, see note below |
Course Page Closing Letter | Text | Yes | Yes, static content only |
Secondary Enroll Button | Button | Yes | Yes |
Purchase Confirmation Block (post-purchase thank-you message) | Text | Yes | Partial, see note below |
Featured Courses | Featured Products (native block); Text with Image Grid or Image with Text + Button only for a fully custom layout | Yes | Yes if native block used; partial if built manually, see note below |
Coupon Banner | Banner (native block) for the visual look | Yes | No, see note below |
Bundled Courses | Featured Products (native block); Text with Image Grid only for a fully custom layout | Yes | Yes if native block used; partial if built manually, see note below |
How to rebuild common legacy blocks
How do I recreate the Upsell Block in Page Editor 2.0?
In 1.0, the Upsell Block was commonly used on thank you pages to promote another product after purchase. Unlike most blocks in this guide, this one does not need to be rebuilt: 2.0 has a native Upsell block, and it is more capable than the 1.0 version.
To recreate the look and function:
Add the Upsell block directly to the thank you page.
Select the product to offer (a course, a coaching product, or a bundle) and the pricing plan.
No manual copy or button setup is required. The block handles the offer and call to action itself.
Note: no limitations. This is a full, native replacement, not a workaround.
Learn more: Upsell block
How do I recreate a Testimonial in Page Editor 2.0?
The dedicated Testimonial block is no longer available in 2.0, but Image with Text recreates it closely for a single testimonial.
To recreate the look:
Add the student photo, logo, or brand image.
Use the text area for the testimonial quote.
End with the person's name, title, or result.
If the page shows several testimonials together in a row, use Text with Image Grid instead so each testimonial appears as its own grid item, rather than stacking multiple Image with Text blocks.
Note: no functional limitations. Both are static content blocks, the same as the original.
Learn more: Image with Text block | Text with Image Grid block
How do I recreate an Instructor Bio (Author Bio) in Page Editor 2.0?
The best replacement is also Image with Text. This is especially useful for course sales pages where the creator wants to establish credibility.
To recreate the look:
Place the instructor photo on one side.
Use the text area for credentials, background, teaching style, and credibility markers.
Add a heading such as Meet Your Instructor to make the section easy to scan.
Note: no limitations. Static content, no lost functionality.
Learn more: Image with Text block
How do I recreate an FAQ section in Page Editor 2.0?
Page Editor 2.0 does not have a dedicated FAQ block. A Text block recreates the visual layout for simple use cases.
To recreate the look:
Format each question as a heading.
Place the answer directly below in paragraph text.
Repeat the pattern for each entry.
Important: in 1.0, FAQ content was managed through a separate external editor, which suggests questions and answers could be maintained in one place and reused. In 2.0, FAQ content typed into a Text block lives on that page only. If the same FAQs appear on multiple pages, each page's Text block needs to be updated separately when an answer changes. There has been at least one reported issue in 2.0 where heading text in a Text block can pick up extra line breaks after refresh if there is an empty line above the heading. Avoid unnecessary blank lines before FAQ headings to keep formatting clean.
Learn more: Text block
How do I recreate the Course Description block in Page Editor 2.0?
The old Course Description block maps naturally to a Text block for the description content itself.
To recreate the look:
Use a short heading.
Break the description into short paragraphs.
Add bullet points for outcomes, features, or included materials.
Important: the 1.0 Course Description block automatically displayed social sharing icons to visitors on the course sales page. A 2.0 Text block does not add sharing icons on its own. If working share icons are required, add a Custom HTML block alongside the Text block to implement them.
CAUTION: "If you choose to write your own custom HTML [...] please keep in mind that this is an unsupported feature—we cannot guarantee the functionality of your custom code and will not be able to offer support." (Teachable's official disclaimer, Custom HTML Block Snippets)
Learn more: Text block | Custom HTML block
How do I recreate a Course Page Closing Letter in Page Editor 2.0?
A Text block recreates a closing letter or founder note with no loss of function.
To recreate the look:
Open with a personal transition such as "If this sounds like the right fit for you..."
Summarize the value of the course.
Close with a name, sign-off, or short personal note.
Note: no limitations. Static rich text either way.
Learn more: Text block
How do I add a Secondary Enroll Button in Page Editor 2.0?
In 2.0, simply use another Button block wherever you want an extra call to action.
To recreate the look and function:
Place one near the top for early converters.
Place another after social proof or FAQs.
Place one near the bottom after the closing argument.
Note: no limitations. This gives more placement freedom than the older fixed-purpose block, not less.
Learn more: Button block
How do I recreate the Purchase Confirmation (thank-you) message in Page Editor 2.0?
A Text block recreates the post-purchase message shown after checkout.
To recreate the look:
Write the thank-you message.
Add next steps and any relevant links.
Important: the 2.0 Text block is static and does not support dynamic merge fields such as the student's name or course title. If the original 1.0 message auto-inserted those details, the 2.0 version needs to be written as general copy that works for every customer, since it cannot be personalized automatically.
Learn more: Text block
How do I recreate a Featured Courses section in Page Editor 2.0?
2.0 has a native Featured Products block that covers this use case directly, including courses, coaching products, and bundles. Use it as the default.
To recreate the look and function:
Add the Featured Products block.
Select the products to showcase. This requires no manual layout work and keeps product details in sync automatically.
If a fully custom presentation is needed instead of the native layout:
Text with Image Grid for a compact multi-course showcase.
Image with Text + Button sections stacked vertically for a more detailed presentation.
For each featured course built manually, include a course image, a short title, a brief description or key outcome, and a link or button to the course sales page.
Important: the native Featured Products block pulls product data automatically. A manually built grid or stacked layout does not; if a featured course's price, title, or availability changes, the manual version has to be updated by hand or it will show outdated information.
Learn more: Featured Products block | Text with Image Grid block | Image with Text block
How do I recreate a Coupon Banner in Page Editor 2.0?
There is no direct 2.0 equivalent, and this one needs the clearest limitation callout. The 1.0 Coupon Banner Block was not manually written promotional copy. It was a non-customizable, automatic element that only appeared to visitors who arrived at the page through a link containing a valid coupon code (for example, a URL ending in ?code=HALFOFF).
2.0 has no way to reproduce that automatic, code-triggered display. The Banner block is the closest visual match for a promotional banner (it supports a heading, subheading, background color or image, and a button linking to a URL or Checkout), but it always shows to every visitor, regardless of whether they arrived with a coupon code.
To recreate the look:
Add the Banner block.
Write the promotional headline and subheading advertising the offer.
Set the button to link to the coupon URL or Checkout.
Important: the automatic coupon-code detection from 1.0 cannot be recreated in 2.0. A 2.0 Banner is always visible to every visitor; there's no way to show or hide it automatically based on whether someone arrived through a coupon link. Treat it as a manual, always-visible banner that the page owner turns on or off themselves around a promotion, and set expectations with the customer accordingly.
Learn more: Banner block
How do I recreate Bundled Courses in Page Editor 2.0?
The native Featured Products block supports bundles directly and is the recommended approach, the same as Featured Courses above.
To recreate the look and function:
Add the Featured Products block.
Select the bundle product. The block displays the bundle the same way it displays individual courses or coaching products, and stays in sync automatically.
If a fully custom breakdown of everything included in the bundle is needed, fall back to Text with Image Grid: create one grid item per included course, use the course thumbnail or another representative image, and add a short description of what is included.
Important: same as Featured Courses. The native block stays current automatically; a manual grid does not and needs to be updated by hand if the bundle's contents change.
Learn more: Featured Products block | Text with Image Grid block
Special limitations to keep in mind
Banner buttons and multiple pricing options
The Banner block button can only link to one URL at a time. If a page has multiple pricing plans, that single button cannot choose among several pricing options by itself.
A common workaround is to point users toward the Pricing block instead, where all available pricing plans are shown together. A scrolling or jump-link solution built with the Custom HTML block may also help in some cases, for users comfortable with custom code.
CAUTION: "If you choose to write your own custom HTML [...] please keep in mind that this is an unsupported feature—we cannot guarantee the functionality of your custom code and will not be able to offer support." (Teachable's official disclaimer, Custom HTML Block Snippets)
No direct migration from 1.0 to 2.0
For older pages, users generally cannot convert a 1.0 page into a 2.0 page with one button. Rebuilding is the expected path when they want access to newer 2.0-only blocks or layouts.
Featured Products and newer block availability
Some newer blocks and improvements are only available in 2.0. This is one reason users may want to recreate a legacy page manually rather than stay on 1.0.
Best practices when recreating legacy sections
Separate the look from the function. Recreating a section's appearance is usually straightforward. Before publishing, check whether the original block did anything automatic (syncing data, displaying conditionally, adding icons) that the manual rebuild does not.
Focus on function, not the original block name. Ask what the section needs to do, then choose the simplest 2.0 blocks that achieve that goal.
Use fewer, clearer sections. 2.0 works best when each block has one clear purpose.
Lean on text formatting. Headings, lists, spacing, and short paragraphs can replace many older preset layouts.
Use buttons intentionally. Add CTAs where readers are most likely to convert, not only at the bottom.
Preview the page layout. Since 2.0 is built around live editing and previewing, check readability and spacing as you rebuild.
FAQ
Can every 1.0 block be recreated exactly in 2.0?
No. Most can be recreated closely in appearance, but a few relied on automatic behavior (share icons, coupon-code detection, centrally managed FAQ content) that a manually built 2.0 section does not reproduce on its own. Check the limitations noted for each block above before publishing.
Can I convert a 1.0 page into a 2.0 page automatically?
No. Existing legacy pages generally need to be rebuilt manually if the user wants them in Page Editor 2.0.
Which 2.0 blocks do most replacements rely on?
A small set: Text, Button, Image with Text, and Text with Image Grid. Three blocks do not need rebuilding at all because they are native in 2.0: Upsell, Featured Products, and Banner (for the visual look of a Coupon Banner, with the limitation noted above).
When should I use the Custom HTML block?
For anything the standard blocks cannot do on their own, such as working social share icons or a jump-link workaround for multiple pricing plans in a Banner button. This is best reserved for users comfortable with custom code, since custom solutions may require extra maintenance.
CAUTION: If you choose to write your own custom HTML, please keep in mind that this is an unsupported feature—we cannot guarantee the functionality of your custom code and will not be able to offer support.
Custom HTML blocks are also not enabled by default for new schools. If a customer doesn't see the option, they'll need to contact Teachable Support to request access.