Skip to main content
Official Logo of Columbia Business School
Students
  • Visit Students
  • Degree Programs
  • AI and Student Life at CBS
  • Admissions
  • Tuition & Financial Aid
  • Campus Life
  • Career Management
Faculty & Research
  • Visit Faculty & Research
  • Academic Divisions
  • MBA Transformed
  • Search the Directory
  • Research
  • Research Resources
  • Teaching Excellence
Executive Education
  • Visit Executive Education
  • For Organizations
  • For Individuals
  • Program Finder
  • Online Programs
  • Certificates
About Us
  • Visit About Us
  • CBS Directory
  • Events Calendar
  • Leadership
  • Our History
  • The CBS Experience
  • Newsroom
Alumni
  • Visit Alumni
  • Update Your Information
  • Lifetime Network
  • Alumni Benefits
  • Alumni Career Management
  • Women's Circle
  • Alumni Clubs
Insights
  • Visit Insights
  • AI & Transformative Tech
  • Climate
  • Business & Society
  • Entrepreneurship
  • Finance & Investing
  • Magazine
Website Operation Guides
  • Digital Performance & Insights Tools
    • BrightEdge
    • DubBot
    • Flourish
    • Google Analytics (GA)
    • Looker Studio (Data Studio)
  • Web Component Guides
    • Feature Set 1: Grids & Layouts
      • Anchor Section
      • Articles Curated Featured Grid
      • Content Grid
      • Editorial Grid
      • Image Gallery
      • Link Grid
      • Tabs
      • Section Grid
    • Feature Set 2: Carousels & Sliders
      • Award/Grant Carousel
      • Blog Carousel
      • Research Carousel
      • Section Slide
      • Testimonial Carousel
    • Feature Set 3: Lists & Curated Collections
      • Button List
      • Curated Media Mentions
      • Curated Person List
      • FAQs
      • Featured Media
      • Related Content Area
      • Statistics
    • Feature Set 4: Interactive Content
      • Conference Agenda
      • Views Embed (Dynamic Feeds)
      • Video Block (Dynamic Feed)
      • Webform Embed
      • Block Embed
      • Manual Video Block
      • Callout
      • Section Image Dividers
      • Primary Lander Text
    • Feature Set 5: Data Visualizations
      • Flourish Charts
      • CBS Charts
    • General Tips for All Components
  • Webpage Template Guides
    • Articles
    • Award / Grants
    • Citations
    • Conferences
    • Events
    • Faculty Profiles
    • Landing Pages
    • Media Mentions
    • Person Pages
    • Post-Graduate Profiles
    • Standard Pages
    • Student Profile Pages
    • Zoom Meeting Pages
  • Website Testing Guides
    • UAT Checklist for Testing
    • Node (Pages) Testing
    • Component (Paragraphs) Testing
  • Agentic AI Intelligence Tools
  • Visual UI Storybook
  • Service Requests
  • Contact Us
  • More 
Tabs Banner

Anchor Section

Step-by-Step Guide

If you have any further questions on proper setup, please fill out our Hive Service Request form and someone from the team will help you.

Anchor Section

What it does: Creates a named anchor point on the page so users can jump directly to a section via a URL hash (e.g., yourpage.edu/page#research-centers). The anchor itself is invisible — it's a positional marker, not a visible block.

When to use it: Long pages with jump navigation, or pages linked from elsewhere with the expectation of landing at a specific section.

How to Add

  1. Edit the page node.
  2. Click Add Component → Anchor Section.
  3. Place the component at the top of the section it represents.

Fields to Fill In

Field LabelWhat to EnterRequired?Notes
Anchor Section IDA unique, lowercase, hyphenated identifier (e.g., research-centers, apply-now)NoBecomes the #hash in the URL. No spaces, no uppercase, no special characters. Must be unique on the page.

How to Update

  1. Edit the page, open the Anchor Section component.
  2. Update the Anchor Section ID if the section has been renamed.
  3. Save — but also update any links (on this page or others) that point to the old anchor ID. Stale anchor links silently fail, dropping users at the top of the page.

⚠️ Before renaming an Anchor ID, search the CMS for all pages that link to the old anchor (e.g., search for #old-id) and update those links too.

Need Additional Web Help?

Please fill out the Hive Service Request form below:

Hive Service Request

General Questions?

Reach out to the email below:

Get in Touch

Official Logo of Columbia Business School

Columbia University in the City of New York
665 West 130th Street, New York, NY 10027
Tel. 212-854-1100

Maps and Directions
    • Centers & Programs
    • Current Students
    • Corporate
    • Directory
    • Support Us
    • Recruiters & Partners
    • Faculty & Staff
    • Newsroom
    • Careers
    • Contact Us
    • Accessibility
    • Privacy & Policy Statements
Back to Top Upward arrow
TOP

© Columbia University

  • X
  • Instagram
  • Facebook
  • YouTube
  • LinkedIn

External CSS

Back to top

Accessibility Tools

English French German Italian Spanish Japanese Russian Chinese (Simplified) Chinese (Traditional) Arabic Bengali