A nostalgic Nokia 3310-style phone dialer for WordPress that connects numbers to websites. Transform your site navigation into a retro mobile phone experience complete with DTMF tones and authentic Nokia interface.

By Ashraf Ali

Inspired by Internet Phone Book's Dial-a-Site

• Nokia 3310 Interface: Authentic retro phone design with pixel-perfect CSS
• DTMF Sound Effects: Real dial tones using WebAudio API
• Number Mapping: Connect any phone number to any website URL
• Multiple Display Options: Shortcode, Gutenberg block, and classic widget
• Admin Management: Full CRUD interface for managing number mappings
• CSV Import/Export: Bulk manage your speed dial directory
• REST API: Modern API endpoints with AJAX fallbacks
• Responsive Design: Works on all devices and screen sizes
• Accessibility: Full keyboard support and ARIA labels
• Internationalization: Translation-ready with .pot file included

1. Admin Setup: Add number-to-URL mappings in WordPress admin (e.g., "411" → "https://example.com")
2. User Interaction: Visitors see the Nokia phone interface on your page
3. Dialing: Users press number keys to dial (with authentic DTMF sounds)
4. Connection: Press "Call" to look up the number and get redirected to the mapped website
5. Navigation: Automatically redirects or shows a "Visit" button based on settings

1. Download the latest release from the Releases page
2. Upload the speed-dial folder to your /wp-content/plugins/ directory
3. Activate the plugin through the 'Plugins' menu in WordPress
4. Go to Speed Dial in your WordPress admin to configure

cd wp-content/plugins/
git clone https://github.com/nerveband/speed-dial.git
cd speed-dial

wp plugin install https://github.com/nerveband/speed-dial/archive/main.zip --activate

Add the Speed Dial dialer anywhere in your content:

[speed-dial]

With options:

[speed-dial digits="411" auto_focus="true"]

1. In the block editor, search for "Speed Dial"
2. Add the block to your page
3. Configure options in the block settings panel

<?php echo do_shortcode('[speed-dial]'); ?>

Navigate to Speed Dial in your WordPress admin menu:

• Numbers: View and manage all number mappings
• Add New: Create new number-to-website mappings
• Import/Export: Bulk manage via CSV
• Settings: Configure display and behavior options

Each number can be mapped to:

• Title: Display name for the website
• URL: Full website URL
• Note: Optional description
• Active: Enable/disable without deleting

• Connecting Text: Message shown while connecting
• Auto Redirect: Automatically navigate after displaying result
• Redirect Delay: Milliseconds before auto-redirect
• Sound Effects: Enable/disable DTMF tones
• Vibration: Enable haptic feedback (mobile only)
• Theme: Choose between Nokia 3310 or Minimal

Authentic recreation of the classic Nokia 3310 interface with:

• Green LCD screen effect
• Pixel font (VT323)
• Realistic button design
• Speaker grille texture

Clean, modern design for contemporary websites

The plugin uses WebAudio API to generate authentic DTMF (Dual-Tone Multi-Frequency) tones:

Base URL: /wp-json/sd/v1/

GET /lookup?number=123

Response:

{
  "found": true,
  "number": "123",
  "title": "Example Site",
  "url": "https://example.com/",
  "note": "Optional note"
}

GET /suggest?prefix=12&limit=5

For hosts that block REST API:

jQuery.get(ajaxurl, {
  action: 'sd_lookup',
  number: '123',
  nonce: SDN.nonce
});

• WordPress 5.8+
• PHP 7.4+
• MySQL 5.6+ / MariaDB 10.1+
• Modern browser with JavaScript enabled

# Clone the repository
git clone https://github.com/nerveband/speed-dial.git
cd speed-dial

# No build required - plugin is ready to use!
# All assets are pre-built and included

# To create a distribution package:
chmod +x package.sh
./package.sh

# Or manually:
zip -r speed-dial.zip . -x "*.git*" ".DS_Store" "*.distignore" "package.sh" "dist/*"

1. Clone into your WordPress plugins directory:

   cd wp-content/plugins/
   git clone https://github.com/nerveband/speed-dial.git

2. Activate the plugin in WordPress admin

3. Start developing! The plugin uses:

   • Vanilla JavaScript (no build step required)
   • WebAudio API for sound generation
   • Standard WordPress APIs

speed-dial/
├── speed-dial.php       # Main plugin file
├── inc/                 # PHP classes
├── assets/              # CSS, JS, images
├── block/               # Gutenberg block
└── languages/           # Translations

The plugin is fully translatable. Translation files are located in the languages/ directory.

To translate:

1. Use the speed-dial.pot file as a template
2. Create your translation files (e.g., speed-dial-fr_FR.po)
3. Compile to .mo format

Sounds not playing:

• Check browser autoplay policies
• Ensure first user interaction has occurred
• Verify sound is enabled in settings

REST API not working:

• Check permalink settings (must not be "Plain")
• Verify .htaccess file is writable
• AJAX fallback will activate automatically

Numbers not saving:

• Check database table creation
• Verify write permissions
• Check PHP error logs

number,title,url,note,is_active
411,Directory,https://example.com/directory,Main directory,1
911,Support,https://example.com/support,Get help,1

Same as import format, UTF-8 encoded with headers.

Contributions are welcome! Please feel free to submit a Pull Request.

1. Fork the repository
2. Create your feature branch (git checkout -b feature/AmazingFeature)
3. Commit your changes (git commit -m 'Add some AmazingFeature')
4. Push to the branch (git push origin feature/AmazingFeature)
5. Open a Pull Request

This project is licensed under the MIT License - see the LICENSE file for details.

• Author: Ashraf Ali
• Inspiration: Internet Phone Book's Dial-a-Site
• Design: Nokia 3310 classic phone interface
• Font: VT323 by Peter Hull
• Sound: WebAudio API for DTMF tone generation

• Issues: GitHub Issues
• Author: https://ashrafali.net

• Initial release
• Nokia 3310 theme
• Full admin interface
• REST API endpoints
• Gutenberg block support
• CSV import/export

Made with ❤️ by Ashraf Ali